<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="format-detection" content="telephone=no" />
<meta name="full-screen" content="yes">
<meta name="x5-fullscreen" content="true">
<meta name="keywords" content="Chinese Journal of Synthetic Chemistry" />
<meta name="description" content="" />
<meta name="robots" content="index, follow" />
<meta property="og:url" content="https://www.sciengine.com/CJSC" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="SciEngine" />
<meta property="og:title" content="Chinese Journal of Synthetic Chemistry" />
<meta property="og:description" content="" />
<meta property="og:image" content="https://www.sciengine.com/img/issue/1851858929571594240" />
<meta property="twitter:title" content="Chinese Journal of Synthetic Chemistry" />
<meta property="twitter:image:alt" content="Chinese Journal of Synthetic Chemistry Cover Image" />
<meta property="twitter:description" content="" />
<meta property="twitter:image" content="https://www.sciengine.com/img/issue/1851858929571594240" />
<meta name="twitter:card" content="summary_large_image" />
<!-- 浣跨敤mathjax娓叉煋鍏紡 -->
<link rel="dns-prefetch" href="https://cdn.mathjax.org">
<link rel="stylesheet" href="/static/upgrade/bootstrap-3.3.7/bootstrap.min.css">
<link rel="stylesheet" href="/css/bootstrapValidator.min.css" rel="stylesheet">
<link rel="icon" href="/images/favicon.ico" type="image/x-icon">
<!-- <link rel="stylesheet" href="/static/select2/select2.min.css" /> -->
<link rel="stylesheet" href="/static/upgrade/swiper-7.4.1/swiper/swiper-bundle.min.css" />
<link rel="stylesheet" href="/static/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_3.css">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SB5SCK5F77"></script>
<script src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/html-to-text.js"
type="text/javascript"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-SB5SCK5F77');
</script>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<!-- mathjax閰嶇疆 -->
<script type="text/x-mathjax-config">
MathJax.Hub.Config({
showProcessingMessages: false, //鍏抽棴js鍔犺浇杩囩▼淇℃伅
messageStyle: "none", //涓嶆樉绀轰俊鎭�
tex2jax: { inlineMath: [['$','$'],['\\(','\\)']] , displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true},
menuSettings: {
zoom: "None", // when to do MathZoom
CTRL: false, // require CTRL for MathZoom?
ALT: false, // require Alt or Option?
CMD: false, // require CMD?
Shift: false, // require Shift?
zscale: "150%", // the scaling factor for MathZoom
font: "Auto", // what font HTML-CSS should use
context: "MathJax", // or "Browser" for pass-through to browser menu
mpContext: false, // true means pass menu events to MathPlayer in IE
mpMouse: false, // true means pass mouse events to MathPlayer in IE
texHints: true, // include class names for TeXAtom elements
semantics: false // add semantics tag with original form in MathML output
},
TeX: {
Macros: {
dag: ["\\dagger"],
uppi:["\\pi"],
emph:["\\textit{}"]
}
}
});
</script>
<script async src="/mathjax2.7.9/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<title>
Chinese Journal of Synthetic Chemistry-SciEngine
</title>
</head>
<body id="body" style="visibility:hidden;">
<div id="journalGeneralHome">
<!-- 澶撮儴(鍏敤澶撮儴) -->
<link rel="stylesheet" href="/static/upgrade/select2-4.0.8/select2.min.css" />
<link rel="stylesheet" href="/platformTemplate/css/platform_0.css">
<link rel="stylesheet" href="/static/upgrade/element/index.css">
<script src="/static/upgrade/vue-2.5.20/vue.min.js"></script>
<script src="https://res.wx.qq.com/connect/zh_CN/htmledition/js/wxLogin.js"></script>
<script src="/static/upgrade/select2-4.0.8/select2.min.js"></script>
<script type="text/javascript" charset="utf-8" src="/platformTemplate/js/platform_0.js"></script>
<script src="/static/upgrade/sweetalert/sweetalert.min.js"></script>
<script src="/static/upgrade/element/index.js"></script>
<script src="/static/upgrade/element/en.js"></script>
<html lang="en">
<body>
<!-- 鎮诞 iframe 瀹瑰櫒 -->
<div class="floating-iframe">
<!-- <div class="resize-handle"></div> -->
<div class="downAI">
<span class="imgBox">
<img style="margin-right: 10px;width: 36px;height: 36px;vertical-align: middle;" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai2.png">
SciEngine AI
<!-- <img style="margin-bottom: 15px;" src="https://cdn.academax.com/img/header/ai-icon.png" alt="Academax logo"> -->
</span>
<span class="remove" onclick="MrAI()">脳</span></div>
<!-- <iframe src="https://open.zju.edu.cn/product/llm/chat/cv3ar0q0bha5qsc6kj9g"></iframe> -->
<iframe src="https://dds.sciengine.com/ai/"></iframe>
</div>
<div id="sciengHeader">
<input id='ipInfo' type="text" style="display: none" value="">
<div class="commonHeaderBox firstHeader">
<div class="headerBox xbb-headerBox">
<div class="xbb-h-d1">
<h1 class="logoBox" onclick="jumpHome()">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/SciEngine-logo.png" />
<span class="text">SciEngine</span>
</h1>
<div class="xbb-hd1-d1">
</div>
<div class="menusBox">
<div class="menus customerMenus" style="display: none;">
<img class="img customerImg" onclick="MrAI()"
src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai.png" />
<div class="text" onclick="MrAI()">AI</div>
</div>
<div class="menus customerMenus">
<img class="img customerImg" onclick="jumpToChat()"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/custom-2024.png" />
<div class="text" onclick="jumpToChat()">CUSTOMER</div>
<div class="weChatImgBox" style="height: 111px;border: 1px solid rgb(7, 193, 96);">
<img class="img"
src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/wxCode2.png" />
</div>
</div>
<div class="menus languageMenus">
<img class="img languageImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/earth-2024.png"
onclick="changeVal('zh_CN')" />
<div class="text" onclick="changeVal('zh_CN')">
涓枃</div>
</div>
<div class="menus userMenus">
<img class="img userImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/person-2024.png"
onclick="loginRef()" />
<div class="text" onclick="loginRef()">
LOGIN</div>
</div>
</div>
<div class="xbb-hd1-d2">
<i class="fa fa-search fa-lg" aria-hidden="true"></i>
<i class="fa fa-bars fa-2x" aria-hidden="true"></i>
</div>
</div>
<!-- H5鑿滃崟 -->
<div class="menusBoxH5">
<div class="menuHeader">
<i class="fa fa-times fa-lg" aria-hidden="true" style="color: #ffffff;"></i>
</div>
<div class="rlist">
<div class="list" style="display: none;">
<img class="img journalsImg" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/ai3.png" onclick="MrAI()" />
<span class="text" onclick="MrAI()">AI</span>
</div>
<div class="list">
<img class="img journalsImg" src="/static/upgrade/Common/img/journals.svg"
onclick="jumpToJournal()" />
<span class="text" onclick="jumpToJournal()">JOURNALS</span>
</div>
<div class="list">
<img class="img booksImg" src="/static/upgrade/Common/img/books.svg"
onclick="jumpToBooks()" />
<span class="text" onclick="jumpToBooks()">BOOKS</span>
</div>
<div class="list">
<img class="img cartImg" src="/static/upgrade/Common/img/cart.svg"
onclick="shopcar()" />
<span class="text" onclick="shopcar()">CART</span>
</div>
<div class="list">
<img class="img customerImg" onclick="jumpToChat()"
src="https://sciengine.obs.myhuaweicloud.com/template/img/sciengine/customer.svg" />
<span class="text" onclick="jumpToChat()">CUSTOMER</span>
</div>
<div class="weChatImgBox">
<img class="img"
src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/sciengine/wxCode2.png" />
</div>
<div class="list">
<img class="img languageImg" src="/static/upgrade/Common/img/language.svg"
onclick="changeVal('zh_CN')" />
<span class="text" onclick="changeVal('zh_CN')">涓枃</span>
</div>
<div class="list">
<img class="img userImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/header/person.svg"
onclick="loginRef()" />
<span class="text" onclick="loginRef()">LOGIN</span>
</div>
</div>
</div>
</div>
<!-- 椤堕儴灏侀潰 -->
<div class="posterBox">
</div>
<!-- H5鎼滅储(鍏敤H5骞冲彴鎼滅储) -->
<div class="searchBoxH5">
<form method="get" id="searchFormH5" action="/">
<input id="queryFieldH5" class="input keywords"
placeholder="Keywords" />
<input id="fullNameH5" class="input authorName" placeholder="Author name" />
<!-- <input class="input bookTitle" placeholder="Author name"/> -->
<select class="input bookTitle " id="journalTitleH5">
</select>
<input id="volumeH5" class="input volume" placeholder="Volume" />
<input id="issueH5" class="input issue" placeholder="Issue" />
<input id="pageNumberH5" class="input firstPage" placeholder="First page" />
<div class="search" onclick="checkQueryInfoH5();"></div>
<div class="advancedSearch" onclick="advanceSearch();">Advanced Search
</div>
</form>
</div>
</div>
<!-- banner -->
<!-- pc鎼滅储(鍏敤PC骞冲彴鎼滅储) -->
<div class="searchBoxPc searchBoxPc1">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<div class="searchBox">
<form method="get" id="searchForm" action="/">
<input id="queryField_a" class="input keywords"
placeholder="Keywords"
onmouseover="this.title=this.value" /><input id="fullName" class="input authorName"
placeholder="Author name"
onmouseover="this.title=this.value" /><select class="input bookTitle"
id="journalTitle"></select><input id="volume" class="input volume"
placeholder="Volume"
onmouseover="this.title=this.value" /><input id="issue" class="input issue"
placeholder="Issue" onmouseover="this.title=this.value" /><input
id="pageNumber" class="input firstPage" placeholder="First page"
onmouseover="this.title=this.value" />
<div class="search" onclick="checkQueryInfo();"></div>
<div class="advancedSearch" onclick="advanceSearch();">
Advanced Search</div>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="xbb-hd1-d1">
</div>
<!-- 鐧诲綍椤靛脊绐� -->
<div class="modal fade" id="loginModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
</button>
<h4 class="modal-title">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
</h4>
</div>
<div class="modal-body">
<div class="title" style="border: none">LOG IN TO SciEngine
</div>
<div class="loginBox">
<div class="tabs">
<div class="tab active" style="margin-left: 0px;"
onclick="changeLoginTab('accounttab',this)" id="accounttab">
Account Login</div>
<!-- <div class="tab" onclick="changeLoginTab('smstab',this)" id="smstab">SMS
Login</div> -->
</div>
<form id="accountLoginForm" class="loginForm"
action="/loginController/login" method="post"
onsubmit="return toVaild();">
<div class="uesrNameBox inputBox">
<input type="text" class="input" id="userNameInput"
placeholder="Email Or Username" />
</div>
<div class="passwordBox inputBox">
<input type="password" class="input"
placeholder="Please enter password" id="passwordInput" />
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/eye.png"
onclick="hidePassword(this)" id="eyeCloseIcon" style="display:none" />
<i class="fa fa-eye" aria-hidden="true" onclick="showPassword(this)"
id="eyeIcon"></i>
</div>
<!-- 閭楠岃瘉鐮� -->
<div class="verifyCodeBox inputBox" style="display: none;">
<input type="text" class="input" id="verifyCodeInput"
placeholder="Please enter the verification code">
<button class="btn btn-default" type="button" onclick="sendMailCode(this)"
id="mailCodeBtnLogin">Get verification code</button>
</div>
<div class="forgotText" onclick="showForgotPassword()">
Forget the password</div>
</form>
<form id="smsLoginForm" class="loginForm" style="display:none">
<div class="uesrNameBox inputBox">
<input type="text" class="input" placeholder="Enter your phone number" />
</div>
<div class="codeBox inputBox">
<input type="text" class="input" placeholder="Enter code" />
<div class="codeBtn" onclick="getCode()">Get code</div>
</div>
</form>
<div class="btns">
<div class="loginBtn btn opacity-btn" onclick="loginClick()" type="button">
Sign in</div>
<div class="registerBtn btn" onclick="goRegister()" type="button">
Register</div>
</div>
</div>
<div class="read-header-btn">
<el-checkbox>
Read and accept
</el-checkbox>
<div class="read-text">
<span class="read-span span1" onclick="readYs('/privacy-policy')">銆奝rivacy policys銆�</span>and<span class="read-span span2" onclick="readYs('/terms-conditions')">銆奣erms and conditions銆�</span>
</div>
</div>
</div>
<div class="modal-footer">
<div class="otherLoginMethodsTextBox">
<span class="line"></span>
<span class="text">
Other Login methods
</span>
<span class="line"></span>
</div>
<div class="imgBox">
<img class="img wxImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/weixin.png"
onclick="wxLogin()" />
<!-- <img class="img qqImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/qq.png"
onclick="qqLogin()" />
<img class="img fImg"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/facebook.png"
onclick="fLogin()" /> -->
</div>
</div>
</div>
</div>
</div>
<!-- 蹇樿瀵嗙爜椤靛脊绐� -->
<div class="modal fade" id="forgotPasswordModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
</button>
<h4 class="modal-title">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
</h4>
</div>
<div class="modal-body">
<form role="form" class="forgotPasswordform">
<div class="form-group">
<label for="userName">reset password</label>
<div class="inputBox">
<input type="text" id="resetEmailInput" class="input form-control"
placeholder="E-mail">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button id="resetBtn" type="button" class="btn btn-default"
onclick="resetPassword(this)">OK</button>
</div>
</div>
</div>
</div>
<!-- 閲嶇疆瀵嗙爜鎴愬姛寮圭獥 -->
<div class="modal fade" id="resetSuccessModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/close.svg" />
</button>
<h4 class="modal-title">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png" />
</h4>
</div>
<div class="modal-body">
<div class="desc">
Reset password link has been sent to your mailbox. Please check it
in the mailbox.
</div>
</div>
</div>
</div>
</div>
<!-- 寰俊璁よ瘉鐧诲綍 -->
<div class="modal fade xbb-tkBtn" id="weixinLoginModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">
<img class="img"
src="https://sciengine.obs.myhuaweicloud.com/template/platform/img/loginLogo.png"
style="height: 60px;" />
</h4>
</div>
<div class="modal-body">
<div class="weixinQrCode" id="weixinQrCode" style="text-align: center;">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
onclick="closeWxModal()">Close</button>
</div>
</div>
</div>
</div>
<!-- 鐐瑰嚮鎶曞绋垮叆鍙�-->
<div class="modal fade xbb-tkBtn" id="myModal" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">脳</button>
<h4 class="modal-title" id="myModalLabel">Submission and review</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label class="name" style="width: 100%;">Journal</label>
<!-- <div style="width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> -->
<select class="form-control" id="searchOfJournal"
style="width: 100%;"></select>
<!-- </div> -->
<!-- <select class="form-control" id="pJSelect">
</select> -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary"
onclick="goToContribute();">OK</button>
</div>
</div>
</div>
</div>
<!-- 浣滆€呬腑蹇�-->
<div class="modal fade xbb-tkBtn" id="authorCenter" role="dialog" aria-labelledby="myModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">脳</button>
<h4 class="modal-title" id="myModalLabel">Journal Author Center</h4>
</div>
<div class="modal-body">
<div class="form-group">
<label class="name" style="width: 100%;">Journal</label>
<!-- <div style="width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> -->
<select class="form-control" id="searchOfJournalFla"
style="width: 100%;"></select>
<!-- </div> -->
<!-- <select class="form-control" id="pJSelect">
</select> -->
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary"
onclick="goToAuthorCenter();">OK</button>
</div>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript">
var Vue = new Vue({
el: '#sciengHeader',
data: {
},
created: function () {
},
methods: {
}
})
var ctx = '';
var isHome = '0';
var isPlatMenu = '0'
var time
var countdown = 0;
var checkNeedMailCodeToLogin
var aiBotting = false
function readYs(type){
window.open(type)
}
if (isHome == "1" && isPlatMenu == '1') {
//璇存槑鏄椤�
//nav鍚搁《
// $(window).scroll(function () {
// var scrollTop = $(document).scrollTop()
// var searchBoxH5 = $('.searchBoxH5').height()
// var posterHeight = $('.banerdx').height()
// var innerWidth = window.innerWidth
// if (scrollTop >= 335 + posterHeight) {
// $('.navBox, .navBoxH5').addClass('navBoxFixed')
// } else {
// $('.navBox, .navBoxH5').removeClass('navBoxFixed')
// }
// })
}
$(function () {
//鍑虹増鐗�
$.ajax({
type: "post",
url: "/SciSearch/title",
dataType: "json",
contentType: "application/json",
success: function (data) {
var html = '<option value="">Journal/Book title</option> ';
for (var i = 0; i < data.length; i++) {
html += '<option value="' + data[i].id + '" data-type="' + data[i].searchType + '" abbreviated="' + data[i].abbreviated + '" pKey="' + data[i].pKey + '">' + data[i].title + '</option>';
}
$("#journalTitleH5").html(html);
$("#journalTitleH5").select2();
$("#journalTitle").html(html);
$("#journalTitle").select2();
},
error: function (data) {
}
});
//闅愯棌鐢ㄦ埛ip鏁版嵁
$.ajax({
type: "post",
url: "/doi/getIpInfo",
dataType: "json",
contentType: "application/json",
success: function (data) {
if (data[0].ipInfo != null && data[0].ipInfo != '10.0.0.28') {
$("#ipInfo").val(data[0].ipInfo);
//瀛樺偍ip鏁版嵁鍒發ocalstorage
storage = window.localStorage;
storage.setItem("ipInfo", $("#ipInfo").val());
} else {
getRealIp();
}
},
});
// 鍒濆鍖杝elect2
$.ajax({
type: "post",
url: "/platformRestHome/paperSubmission",
dataType: "json",
contentType: "application/json",
success: function (data) {
var html = ' ';
for (var i = 0; i < data.length; i++) {
html += '<option value="' + data[i].contributeUrl + '" data-type="' + data[i].contributeUrl + '">' + data[i].title + '</option>';
}
$("#searchOfJournal").html(html);
$("#searchOfJournal").select2();
var html2 = ' ';
for (var i = 0; i < data.length; i++) {
if (data[i].publisher != null) {
html2 += '<option value="/publisher/' + data[i].publisher.abbreviated + '/journal/' + data[i].fla + '?slug=authorCenter"' + '">' + data[i].title + '</option>';
}
}
$("#searchOfJournalFla").html(html2);
$("#searchOfJournalFla").select2();
},
error: function (data) {
}
})
});
function MrAI() {
if(aiBotting == false){
aiBotting = true
$('.floating-iframe').animate({ 'right': '0' })
$('.floating-iframe').show()
$('.colorAI').show()
}else{
aiBotting = false
if ($('.floating-iframe').css('left') && $('.floating-iframe').css('top') != '0px') {
$('.floating-iframe').css({
'left': '',
'top': '0',
'right': '-500px'
});
$('.floating-iframe').hide()
} else {
$('.floating-iframe').animate({ 'right': '-500px' })
}
$('.colorAI').hide()
}
}
function downAI() {
if(aiBotting == true){
aiBotting = false
if ($('.floating-iframe').css('left') && $('.floating-iframe').css('top') != '0px') {
$('.floating-iframe').css({
'left': '',
'top': '0',
'right': '-500px'
});
$('.floating-iframe').hide()
} else {
$('.floating-iframe').animate({ 'right': '-500px' })
}
$('.colorAI').hide()
}
}
function changeVal(lang) {
$.ajax({
type: "POST",
url: "/common/language",
data: {
language: lang,
fla: 'CJSC',
r_: new Date().getTime()
},
success: function (data) {
// 鍒锋柊椤甸潰
window.location.reload(true);
},
error: function (data) {
}
});
}
// 鍙戦€侀獙璇佺爜
function sendMailCode(obj) {
if (countdown == 0) {
let mail = $("#userNameInput").val();
if (mail == '') {
swal({
text: "The username can not be empty",
icon: "warning",
confirmButtonText: 'OK'
});
return;
}
//鍙戦€�
operateSendMail();
$("#mailCodeBtnLogin").attr("disabled", "disabled");
return;
}
}
function operateSendMail() {
let mail = $("#userNameInput").val();
if (mail == '') {
swal({
text: "The username can not be empty",
icon: "warning",
confirmButtonText: 'OK'
});
return;
}
$.ajax({
type: "POST",
url: "/restLogin/login/sendMailCode",
data: {
username: mail
},
success: function (result) {
if (result) {
swal({
text: 'en_US' === 'en_US' ? 'Sent to ' + result.toMail + ' mailbox' : '宸插彂閫佽嚦' + result.toMail + '閭',
icon: "success",
confirmButtonText: 'OK'
});
//寮€鍚�60s杞
countdown = 60;
$("#mailCodeBtnLogin").attr("disabled", "disabled");
$("#mailCodeBtnLogin").text(countdown + "s");
timer = setInterval("calculateSeconds()", 1000);
} else {
swal({
text: "Mail sent failed",
icon: "error",
confirmButtonText: 'OK'
});
$("#mailCodeBtnLogin").removeAttr("disabled");
$("#mailCodeBtnLogin").text("Get verification code");
}
},
error: function (data) {
}
});
}
function calculateSeconds() {
let obj = $("#mailCodeBtnLogin");
if (countdown == 0) {
//鍋滄瀹氭椂
clearInterval(timer);
$("#mailCodeBtnLogin").removeAttr("disabled");
$("#mailCodeBtnLogin").text("Get verification code");
} else {
countdown--;
$("#mailCodeBtnLogin").text(countdown + "s");
}
}
//閫氳繃绗笁鏂规湇鍔¤幏鍙杋p
function getRealIp() {
$.ajax({
method: "GET",
url: "http://pv.sohu.com/cityjson?ie=utf-8",
dataType: "script",
}).done(function () {
if (returnCitySN.cip != null && returnCitySN.cip != '') {
$("#ipInfo").val(returnCitySN.cip);
//瀛樺偍ip鏁版嵁鍒發ocalstorage
storage = window.localStorage;
storage.setItem("ipInfo", $("#ipInfo").val());
}
});
}
function jumpHome() {
window.location.href = "/";
}
function jumpToJournal() {
window.location.href = "/publications";
}
function jumpToBooks() {
window.location.href = "/books";
}
function shopcar() {
if ('') {
window.location.href = "/cart/toIns";
} else {
$('#loginModal').modal({
backdrop: "static",
show: true
})
checkNeedMailCodeToLogin()
}
}
function jumpToChat() {
if ($('.weChatImgBox').css('display') === 'none') {
$('.weChatImgBox').show()
clearTimeout(time)
time = setTimeout(function () {
$('.weChatImgBox').hide()
}, 10000)
} else {
$('.weChatImgBox').hide()
}
}
function shopHome() {
window.location.href = "/shop/home";
}
function jumpDoubleCarbon () {
// window.open('https://www.sciengine.com/plat/collections/59d429ef8ebc4f1aaf982920bbea2e1b')
window.open("/plat/collections/59d429ef8ebc4f1aaf982920bbea2e1b")
}
function jumpPosterUrl() {
window.open('https://www.sciengine.com/plat/collections/cab6d12ab8024c53ad61ec97aa91c968')
}
function loginRef() {
$('#loginModal').modal({
backdrop: "static",
show: true
})
checkNeedMailCodeToLogin()
// var ref = window.location.href;
// var pos = ref.indexOf("?ref=");
// if (pos > 0) {
// ref = ref.substring(0, pos);
// }
// if (ref.indexOf("/loginController/ParseToLogin") > 0) {
// ref = "";
// }
// window.location.href = "/loginController/ParseToLogin?ref=" + ref;
}
function loginOutRef() {
var ref = window.location.href;
// 涓汉涓績椤甸€€鍑�
var personalIndex = ref.indexOf('user_settings/update_information')
// 鏈烘瀯涓績椤甸€€鍑�
var institutionIndex = ref.indexOf('institution/information')
// 璐墿杞﹂〉閫€鍑�
var shopCartIndex = ref.indexOf('shop/cart')
// 鏀粯椤甸€€鍑�
var payIndex = ref.indexOf('shop/continueOrder')
// 妫€鏌ヨ鍗曚俊鎭〉
var toOrder = ref.indexOf('shop/toOrder');
if (personalIndex === -1 && institutionIndex === -1 && shopCartIndex === -1 && payIndex === -1 && toOrder === -1) {
window.location.href = "/out?ref=" + ref;
} else {
window.location.href = "/out?ref=home";
}
}
function lmBtn() {
window.location.href = "/article-management";
}
function advanceSearch() {
window.location.href = "/search/selectSearch";
}
function checkQueryInfoH5() {
var queryField_a = $("#queryFieldH5").val().trim();//缁煎悎鏌ヨ
var fullName = $("#fullNameH5").val().trim();//浣滆€�
var journalTitle = $("#journalTitleH5").val().trim();//鍒� 鍑虹増鐗�
var volume = $("#volumeH5").val().trim();//鍗�
var issue = $("#issueH5").val().trim();//鏈�
var pageNumber = $("#pageNumberH5").val().trim();//椤电爜
$("#themeSearch").val("");
if ((queryField_a == "" || queryField_a == null)
&& (fullName == "" || fullName == null)
&& (journalTitle == "" || journalTitle == null)
&& (volume == "" || volume == null)
&& (issue == "" || issue == null)
&& (pageNumber == "" || pageNumber == null)) {
} else {
if (journalTitle && !queryField_a && !fullName && !volume && !issue && !pageNumber) { //浠呴€夋嫨浜嗗嚭鐗堢墿鏃跺崟鐙鐞�
var dataType = $("#journalTitleH5 option:selected").attr("data-type");
var abbreviated = $("#journalTitleH5 option:selected").attr("abbreviated");
var fla = $("#journalTitleH5 option:selected").attr("pKey");
if (2 == dataType) {
// window.open('/publisher/'+abbreviated+'/journal/'+fla+'?slug=abstracts')
// window.open('/' + fla + '/home')
$("#journalTitleH5").attr("name", "jouranlId");
document.getElementById("searchFormH5").action = "/search/search";
document.getElementById("searchFormH5").submit();
}
if (3 == dataType) {
window.open('/publisher/' + abbreviated + '/book/' + fla)
}
} else {
//鍙傛暟涓嶄负绌� 缁檌nput娣诲姞name灞炴€у€�
if (queryField_a) {
$("#queryFieldH5").attr("name", "queryField_a");
}
if (fullName) {
$("#fullNameH5").attr("name", "fullName");
}
if (journalTitle) {
var dataType = $("#journalTitleH5 option:selected").attr("data-type");
if (2 == dataType) {
$("#journalTitleH5").attr("name", "jouranlId");
}
if (3 == dataType) {
$("#journalTitleH5").attr("name", "bookId");
}
}
if (volume) {
$("#volumeH5").attr("name", "volume");
}
if (issue) {
$("#issueH5").attr("name", "issue");
}
if (pageNumber) {
$("#pageNumberH5").attr("name", "pageNumber");
}
document.getElementById("searchFormH5").action = "/search/search";
document.getElementById("searchFormH5").submit();
}
}
}
function checkQueryInfo() {
var queryField_a = $("#queryField_a").val().trim();//缁煎悎鏌ヨ
var fullName = $("#fullName").val().trim();//浣滆€�
var journalTitle = $("#journalTitle").val().trim();//鍒� 鍑虹増鐗�
var volume = $("#volume").val().trim();//鍗�
var issue = $("#issue").val().trim();//鏈�
var pageNumber = $("#pageNumber").val().trim();//椤电爜
$("#themeSearch").val("");
if ((queryField_a == "" || queryField_a == null)
&& (fullName == "" || fullName == null)
&& (journalTitle == "" || journalTitle == null)
&& (volume == "" || volume == null)
&& (issue == "" || issue == null)
&& (pageNumber == "" || pageNumber == null)) {
} else {
if (journalTitle && !queryField_a && !fullName && !volume && !issue && !pageNumber) { //浠呴€夋嫨浜嗗嚭鐗堢墿鏃跺崟鐙鐞�
var dataType = $("#journalTitle option:selected").attr("data-type");
var abbreviated = $("#journalTitle option:selected").attr("abbreviated");
var fla = $("#journalTitle option:selected").attr("pKey");
if (2 == dataType) {
// window.open('/publisher/'+abbreviated+'/journal/'+fla+'?slug=abstracts')
// window.open('/' + fla + '/home')
$("#journalTitle").attr("name", "jouranlId");
document.getElementById("searchForm").action = "/search/search";
document.getElementById("searchForm").submit();
}
if (3 == dataType) {
window.open('/publisher/' + abbreviated + '/book/' + fla)
}
} else {
//鍙傛暟涓嶄负绌� 缁檌nput娣诲姞name灞炴€у€�
if (queryField_a) {
$("#queryField_a").attr("name", "queryField_a");
}
if (fullName) {
$("#fullName").attr("name", "fullName");
}
if (journalTitle) {
var dataType = $("#journalTitle option:selected").attr("data-type");
if (2 == dataType) {
$("#journalTitle").attr("name", "jouranlId");
}
if (3 == dataType) {
$("#journalTitle").attr("name", "bookId");
}
}
if (volume) {
$("#volume").attr("name", "volume");
}
if (issue) {
$("#issue").attr("name", "issue");
}
if (pageNumber) {
$("#pageNumber").attr("name", "pageNumber");
}
document.getElementById("searchForm").action = "/search/search";
document.getElementById("searchForm").submit();
}
}
}
function openMenus() {
$('.menusItem').slideToggle()
}
function showPassword(obj) {
$("#passwordInput").attr("type", "text");
$(obj).hide();
$("#eyeCloseIcon").show();
}
function hidePassword(obj) {
$("#passwordInput").attr("type", "password");
$(obj).hide();
$("#eyeIcon").show();
}
function loginClick() {
if(!$('.read-header-btn').find('.el-checkbox').find('input').is(':checked')){
let lang = "en_US";
let msg = "璇锋偍鍕鹃€変笅鏂归槄璇诲苟鎺ュ彈銆婇殣绉佹斂绛栥€嬪拰銆婃潯娆句笌鏉′欢銆�";
if (lang == "en_US") {
msg = "Please check the box below to read and accept the銆奝rivacy Policy銆媋nd銆奣erms and Conditions銆�";
}
swal({
text: msg,
icon: "warning",
confirmButtonText: 'OK'
});
return
}
let username = $("#userNameInput").val();
let password = $("#passwordInput").val();
mailCode = checkNeedMailCodeToLogin ? $("#verifyCodeInput").val() : 'Tke!Wsd'
if (!$("#smsLoginForm").is(":hidden")) {
swal({
text: 'The Function Developing...',
icon: "warning",
confirmButtonText: 'OK'
});
} else if (mailCode === '') {
swal({
text: 'Please enter the verification code',
icon: "warning",
confirmButtonText: 'OK'
});
} else {
$.ajax({
type: "POST",
url: "/restLogin/login",
data: {
username: username,
password: password,
mailCode: mailCode
},
success: function (data) {
// 鍒锋柊椤甸潰
if (data.flag == 0) {
window.location.reload(true);
} else {
swal({
text: data.message,
icon: "warning",
confirmButtonText: 'OK'
});
}
},
error: function (data) {
}
});
}
}
function goRegister() {
// if(!$('.read-header-btn').find('.el-checkbox').find('input').is(':checked')){
// return
// }
window.location.href = "/plat/register";
}
function showForgotPassword() {
$('#loginModal').modal('hide')
setTimeout(function () {
$("#resetBtn").removeAttr("disabled");
$('#forgotPasswordModal').modal({
backdrop: "static",
show: true
})
}, 500)
}
function resetPassword(obj) {
$(obj).attr("disabled", "disabled");
let email = $("#resetEmailInput").val();
let check = '^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\\.[a-zA-Z0-9_-]+)+$';
if (!email.match(check) || email == "") {
swal({
text: "The mailbox format is not correct, please fill in it again",
icon: "error",
confirmButtonText: 'OK'
});
$("#resetBtn").removeAttr("disabled");
return false;
}
$.ajax({
type: "POST",
url: "/restLogin/toRestPwdPage",
data: {
email: email
},
success: function (data) {
if (data) {
$('#forgotPasswordModal').modal('hide')
setTimeout(function () {
$('#resetSuccessModal').modal({
backdrop: "static",
show: true
})
}, 500)
} else {
let lang = "en_US";
let msg = "鎮ㄨ緭鍏ョ殑閭娌℃湁琚敞鍐岋紝璇烽噸鏂拌緭鍏�";
if (lang == "en_US") {
msg = "Your email may not be registered锛孭lease try again";
}
swal({
text: msg,
icon: "error",
confirmButtonText: 'OK'
});
$("#resetBtn").removeAttr("disabled");
return false;
}
},
error: function (data) {
$("#resetBtn").removeAttr("disabled");
swal({
text: "Please contact the administrator",
icon: "error",
confirmButtonText: 'OK'
});
}
});
}
function changeLoginTab(tabId, obj) {
$(obj).addClass("active");
if (tabId == "smstab") {
$("#accountLoginForm").hide();
$("#smsLoginForm").show();
$("#accounttab").removeClass("active");
} else {
$("#accountLoginForm").show();
$("#smsLoginForm").hide();
$("#smstab").removeClass("active");
}
}
function wxLogin() {
// var ref = window.location.href;
// var pos = ref.indexOf("?ref=");
// if (pos > 0) {
// ref = ref.substring(0, pos);
// }
// if (ref.indexOf("/loginController/ParseToLogin") > 0) {
// ref = "";
// }
var ref = "";
ref = encodeURIComponent(ref);
var redirectUrl = "https://www.sciengine.com/plat/weixinback";
redirectUrl = encodeURIComponent(redirectUrl);
var obj = new WxLogin({
self_redirect: false,
id: "weixinQrCode",
appid: "wx646e688925384153",
scope: "snsapi_login",
redirect_uri: redirectUrl,
state: "sciengine",
style: "",
href: ""
});
$("#loginModal").modal("hide");
setTimeout(function () {
$('#weixinLoginModal').modal({
backdrop: "static",
show: true
})
}, 500)
}
function closeWxModal() {
$("#weixinLoginModal").modal("hide");
setTimeout(function () {
var loginPageHide = $("#loginPageHide").val();
if (loginPageHide != undefined && loginPageHide != '') {
} else {
$('#loginModal').modal({
backdrop: "static",
show: true
})
checkNeedMailCodeToLogin()
}
}, 500)
}
function qqLogin() {
swal({
text: 'The Function Developing...',
icon: "warning",
confirmButtonText: 'OK'
});
}
function fLogin() {
swal({
text: 'The Function Developing...',
icon: "warning",
confirmButtonText: 'OK'
});
}
function expendMenuChild(parentId, obj) {
let str = 'hideMenuChild("' + parentId + '",this)';
$(obj).attr("onclick", str);
$(obj).find('.fa').removeClass("fa-angle-down");
$(obj).find('.fa').addClass("fa-angle-up");
$(".child_" + parentId).each(function (i) {
$(this).slideDown();
})
}
function hideMenuChild(parentId, obj) {
let str = 'expendMenuChild("' + parentId + '",this)';
$(obj).attr("onclick", str);
$(obj).find('.fa').removeClass("fa-angle-up");
$(obj).find('.fa').addClass("fa-angle-down");
$(".child_" + parentId).each(function (i) {
$(this).slideUp();
})
}
function goToContribute() {
var searchOfJournal = $("#searchOfJournal").val();
if (searchOfJournal == "") {
alert("璇烽€夋嫨鏈熷垔鍚嶇О");
} else {
window.open(searchOfJournal);
}
}
function goToAuthorCenter() {
var searchOfJournalFla = $("#searchOfJournalFla").val();
if (searchOfJournalFla == "") {
alert("璇烽€夋嫨鏈熷垔鍚嶇О");
} else {
window.open(searchOfJournalFla);
}
}
function jumpAboutUs() {
window.open("/plat/aboutus", "_blank");
}
function adClick(id, url) {
$.ajax({
url: "/advertisement/click",
type: "POST",
data: {
"id": id
},
success: function (data) {
}
});
if (url != "") {
window.open(url);
}
}
// 鍒ゆ柇鏄惁寮€鍚櫥褰曢獙璇佺爜鍔熻兘
function checkNeedMailCodeToLogin() {
$.ajax({
type: 'GET',
url: '/restLogin/checkNeedMailCodeToLogin',
success: function (res) {
if (res) { //鍚敤
$('.verifyCodeBox').show()
checkNeedMailCodeToLogin = true
} else { //绂佺敤
$('.verifyCodeBox').hide()
checkNeedMailCodeToLogin = false
}
}
})
}
// 璁块棶閲忔帴鍙�
function pageView () {
$.ajax({
type: 'GET',
url: '/platformRestHome/getActionView',
success (res) {
if ('en_US' == 'en_US') {
$('.pageView').html(res + ' PageViews')
} else {
$('.pageView').html(res + ' 璁块棶閲�')
}
}
})
}
pageView()
</script>
<script type="text/javascript" src="/js/common/ie_browser.js"></script>
<!--闆锋檽钀岃€佸笀瑕佹眰娣诲姞鍐呭-->
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?633c662645ea15827301cdfaf39e48a1";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
(function () {
var hm2 = document.createElement("script");
hm2.setAttribute('async', 'async');
hm2.src = "https://scholar.google.com/scholar_js/casa.js";
var s2 = document.getElementsByTagName("script")[0];
s2.parentNode.insertBefore(hm2, s2);
})();
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SB5SCK5F77"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-SB5SCK5F77');
</script>
<script src="/static/upgrade/js/drift.js"></script>
<script>
var _paq = _paq || [];
(function () {
//椤甸潰鍔犺浇鏃跺垵濮嬪寲
//璁剧疆缁熻鍦板潃
_paq.push(["setTrackerUrl", "https://tool.scichina.com/mini-ci-clean/api/v1/reportData/nm.gif"]);
//璁剧疆缁熻id 鍚庡彴鍒涘缓缁熻娓犻亾鏃惰嚜鍔ㄧ敓鎴�
_paq.push(["setTraceId", "1567872193412334199"]);
//璁剧疆鐢ㄦ埛id 鏈櫥褰曚负绌�
var userId = "";
_paq.push(["setUserId", userId ? userId : '']);
})();
</script>
<script type="text/javascript">
function minici_load() {
var minici_baseId = "";
var minici_isbn = "";
var minici_journalBaseId = "f9fb8cb710744848a0ae9942f48daef0";
var minici_publisherId = "rgQz6YZPzgz6GxPc9";
var currentUrl = window.location.href;
if (minici_publisherId != null && minici_publisherId != '') {
//鍑虹増鍟�
_paq.push(["reportItem", minici_publisherId,
{
"categoryId": "rgQz6YZPzgz6GxPc9",
"title": "鍖椾含涓鏈熷垔鍑虹増鏈夐檺鍏徃",
"type": "publisher",
"url": currentUrl,
}]);
}
if (minici_journalBaseId != null && minici_journalBaseId != '') {
//鏈熷垔
_paq.push(["reportItem", minici_journalBaseId,
{
"fla": "CJSC",
"categoryId": "rgQz6YZPzgz6GxPc9",
"title": "Chinese Journal of Synthetic Chemistry",
"type": "journal",
"url": currentUrl,
"theme": "6"
}]);
if (minici_baseId != null && minici_baseId != '') {
//濡傛灉鏄枃绔犺鎯呴〉锛屽垯涓嶄笂鎶ユ湡鍒婄殑娴忚浜嬩欢锛岄伩鍏嶇粺璁￠噸澶�
} else {
//娴忚浜嬩欢
_paq.push(["eventBrowse", minici_journalBaseId, {}]);
}
}
if (minici_baseId != null && minici_baseId != '') {
//鏂囩珷涓婃姤
_paq.push(["reportItem", minici_baseId,
{
"doi": "",
"categoryId": "",
"title": "",
"type": "article",
"url": currentUrl,
"theme": ""
}]);
//娴忚浜嬩欢
_paq.push(["eventBrowse", minici_baseId, {}]);
}
if (minici_isbn != null && minici_isbn != '') {
//鍥句功涓婃姤
_paq.push(["reportItem", minici_isbn,
{
"isbn": minici_isbn,
"categoryId": "",
"title": "",
"type": "book",
"url": currentUrl,
"theme": ""
}]);
_paq.push(["eventBrowse", minici_isbn, {}]);
}
}
// 鍥炶溅浜嬩欢
$(document).ready(function () {
// 鍙€夛細绂佺敤 Bootstrap 鐨� enforceFocus
$.fn.modal.Constructor.prototype.enforceFocus = function() {};
$('#searchForm').keydown(function (e) {
let keyCode = e.keyCode
if (keyCode === 13) {
$('.select2-container').removeClass('select2-container--open')
checkQueryInfo()
}
})
$('.read-header-btn').find('.el-checkbox').find('input').change(function() {
if($(this).is(':checked')) {
$('.loginBtn').removeClass('opacity-btn')
$('.registerBtn').removeClass('opacity-btn2')
$('.read-header-btn').find('.el-checkbox__input').addClass('is-checked')
} else {
$('.loginBtn').addClass('opacity-btn')
$('.read-header-btn').find('.el-checkbox__input').removeClass('is-checked')
// $('.registerBtn').addClass('opacity-btn2')
}
});
})
</script>
</html><!-- 鏈熷垔閫氱敤-澶撮儴 -->
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_1.css">
<script type="text/javascript">
var lang = 'en_US';
var journalBaseId = 'f9fb8cb710744848a0ae9942f48daef0'
$(function () {
//瀹氬埗鏈熷垔鍘绘帀椤堕儴鐨勯珮绾ф悳绱�
$('.searchBoxPc1').css('display','none')
$('.jgSearch #searchNormal').click(function () {
var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
if ($("#searchInput").val() == '') {
return;
}
window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
});
$('.jgSearch #searchNormalH5').click(function () {
var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
if ($("#searchInputH5").val() == '') {
return;
}
window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
});
$('.jgSearch #normalSearch').click(function () {
var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
if ($("#searchInput").val() == '') {
return;
}
window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
});
$('.jgSearch #advancedSearch').click(function () {
window.location.href = "/search/selectSearch";
});
});
function emailAlerts() {
$.ajax({
type: "POST",
url: "/publisher/emailAlerts",
data: {
"journalBaseId": journalBaseId
},
success: function (result) {
if (result == "success") {
if (lang == "zh_CN") {
swal({
icon: 'success',
type: 'success',
title: '璁㈤槄鎴愬姛',
showConfirmButton: true
});
} else {
swal({
icon: 'success',
type: 'success',
title: 'Subscription succeeded!',
showConfirmButton: true
});
}
} else {
var ref = window.location.href;
window.location.href = "/loginController/ParseToLogin?ref=" + ref;
}
}
});
}
function searchNormal() {
console.log("鏅€氭悳绱�");
var jouranlId = "";
var currentLang = lang;
console.log("currentLang: " + currentLang);
if (currentLang == "zh_CN") {
jouranlId = "鐢熺墿鍖栧涓庣敓鐗╃墿鐞嗗鎶ワ紙鑻憋級";
} else {
jouranlId = "Acta Biochimica et Biophysica Sinica";
}
if ($("#searchInput").val() == '') {
console.log("鎼滅储鐨勫€间负绌猴紝閫€鍑烘柟娉�");
return;
}
console.log("鎼滅储鍊间笉涓虹┖");
window.location.href = ctx + "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
}
function addMenu(parentId) {
$("#menuParentId").val(parentId);
$("#menuNameEn").val("");
$("#menuNameZh").val("");
$("#menuUrl").val("");
$("#menuSort").val("");
$("#menuTarget").val("_self");
$("#addMenu").modal("show");
}
function createMenu() {
$("#createMenuBtn").attr("disabled", "disabled");
$.ajax({
type: "POST",
url: "/restMenu/insertMenu",
data: $("#menuForm").serialize(),
async: false,
success: function success(data) {
window.location.reload();
}
});
}
function editMenu(id) {
$.ajax({
type: "POST",
url: "/restMenu/selectMenu",
data: {
id: id
},
async: false,
success: function success(data) {
$("#updateMenuParentId").val(data.parentId);
$("#updateMenuNameEn").val(data.nameEn);
$("#updateMenuNameZh").val(data.nameZh);
$("#updateMenuUrl").val(data.url);
$("#updateMenuSort").val(data.sort);
$("#updateMenuTarget").val(data.target);
$("#updateMenuId").val(data.id);
$("#updateMenuModal").modal("show");
}
});
}
function updateMenuSubmit() {
$("#updateMenuBtn").attr("disabled", "disabled");
$.ajax({
type: "POST",
url: "/restMenu/updateMenu",
data: $("#updateMenuForm").serialize(),
async: false,
success: function success(data) {
window.location.reload();
}
});
}
function deleteMenu(id) {
swal('Confirm Delete', "", "warning", {
buttons: {
cancel: {
text: 'Cancel',
value: null,
visible: true,
className: "",
closeModal: true,
},
confirm: {
text: 'Confirm',
value: 'confirm',
closeModal: false
},
}
}).then(function(value) {
switch (value) {
case "confirm":
$.ajax({
type: "POST",
url: "/restMenu/deleteMenu",
data: {
id: id,
fla: 'CJSC'
},
async: false,
success: function success(data) {
window.location.reload();
}
});
break;
}
});
}
function ableEditMenu(obj) {
$(obj).hide();
$(".jgSearch").hide();
$("#disableMenuIcon").show();
$(".menu-switch").each(function (i) {
$(this).css('cssText', 'display: inline !important;');
})
}
function disableEditMenu(obj) {
$(obj).hide();
$(".jgSearch").show();
$("#ableMenuIcon").show();
$(".menu-switch").each(function (i) {
$(this).css('cssText', 'display: none !important;');
})
}
function expendMenuChild(parentId, obj) {
let str = 'hideMenuChild("' + parentId + '",this)';
$(obj).attr("onclick", str);
$(obj).find('.fa').removeClass("fa-angle-down");
$(obj).find('.fa').addClass("fa-angle-up");
$(".child_" + parentId).each(function (i) {
$(this).slideDown();
})
}
function hideMenuChild(parentId, obj) {
let str = 'expendMenuChild("' + parentId + '",this)';
$(obj).attr("onclick", str);
$(obj).find('.fa').removeClass("fa-angle-up");
$(obj).find('.fa').addClass("fa-angle-down");
$(".child_" + parentId).each(function (i) {
$(this).slideUp();
})
}
</script>
<script type="text/javascript" charset="utf-8" src="/template/js/650ba1deb9294cde8d8e92839340150c_1.js"></script>
<div class="commonHeaderBox commonHeaderBox2 secHeader">
<!-- pc椤堕儴banner -->
<div class="jgNavBoxHeader">
<div class="jnbh-d1">
<div class="jnbhd1-d1 jnbhd1-d1Pub">
<div class="d1-left">
</div>
</div>
<div class="jnbhd1-d2 jnbhd1-d1Pub">
<!-- <div class="d2-top"></div>
<div class="d2-content">Free Acquisition</div>
--> <div class="d2-bottom">
<div class="jgSearch d2-jgSearch">
<input class="search d2-search" id="searchInput" type="search" placeholder="Search within journal"/>
<i class="fa fa-search colorC1 d2-fa pubCc" aria-hidden="true" style="cursor: pointer;" id="searchNormal"></i>
<p class="d2-gjss pubBgc" onclick="advanceSearch()">Advanced Search</p>
<!-- <p class="desc" style="cursor: pointer;">
<span id="advancedSearch">Advanced</span> <span id="normalSearch">Search</span>
</p> -->
</div>
</div>
</div>
</div>
</div>
<!-- pc绔鑸�(鏈熷垔閫氱敤瀵艰埅) -->
<div class="jgNavBoxPc jgNavBoxPc-qkIn">
<div class="container">
<div class="jgNavTabs">
<div class="tab">
<a href="/CJSC/home" target="_self" class="link">
<span>HOME</span>
</a>
</div>
<div class="tab">
<a href="#" class="link">
<span>ARCHIVE</span>
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="/CJSC/issue" target="_self" class="childA">
Latest Issue
</a>
</li>
<li>
<a href="/CJSC/listPage" target="_self" class="childA">
All Issues
</a>
</li>
<li>
<a href="/CJSC/coverStories" target="_self" class="childA">
Cover Stories
</a>
</li>
<li>
<a href="/CJSC/collections" target="_self" class="childA">
Article Collection
</a>
</li>
</ul>
</div>
<div class="tab">
<a href="/CJSC/authorCenter" target="_self" class="link">
<span>AUTHOR CENTER</span>
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="/CJSC/authorCenter?scroll=section_1" target="_self" class="childA">
Instructions For Authors
</a>
</li>
</ul>
</div>
<div class="tab">
<a href="/CJSC/editorial" target="_self" class="link">
<span>EDITORIAL</span>
</a>
</div>
<div class="tab">
<a href="/CJSC/aboutus" target="_self" class="link">
<span>ABOUT US</span>
<i class="fa fa-angle-down fa-2x" aria-hidden="true"></i>
</a>
<ul class="dropdown-menu">
<li>
<a href="/CJSC/aboutus?scroll=section_1" target="_self" class="childA">
Journal Introduction
</a>
</li>
<li>
<a href="/CJSC/aboutus?scroll=section_2" target="_self" class="childA">
Advertising Cooperation
</a>
</li>
<li>
<a href="/CJSC/aboutus?scroll=section_3" target="_self" class="childA">
Journal Subscription
</a>
</li>
<li>
<a href="/CJSC/aboutus?scroll=section_4" target="_self" class="childA">
Contact Us
</a>
</li>
<li>
<a href="/CJSC/aboutus?scroll=section_5" target="_self" class="childA">
Download Center
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- H5绔鑸�(鏈熷垔閫氱敤瀵艰埅) -->
<div class="jgNavBoxH5">
<div class="jgNavHeader">
<div class="jgNavIcon">
<i class="fa fa-bars fa-lg" aria-hidden="true"></i>
<span class="text">Menus</span>
</div>
<div class="jgSearch">
<div class="search">
<input class="input" type="text" id="searchInputH5" placeholder="Search within journal"/>
<img id="searchNormalH5" class="img" src="https://sciengine.obs.myhuaweicloud.com/template/journal-logo/search.svg"/>
</div>
</div>
</div>
<div class="jgNavTabs">
<div class="tab" onclick='expendMenuChild("CJSCf66cce4f47",this)'>
<div class="tabItem">
<a href="/CJSC/home" target="_self" class="link">
HOME
</a>
</div>
</div>
<div class="tab" onclick='expendMenuChild("CJSC7ad7da7d2",this)'>
<div class="tabItem">
<a href="#" class="link">
ARCHIVE
</a>
<i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
</div>
</div>
<div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
<div class="tabItem">
<a href="/CJSC/issue" target="_self" class="link">
Latest Issue
</a>
</div>
</div>
<div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
<div class="tabItem">
<a href="/CJSC/listPage" target="_self" class="link">
All Issues
</a>
</div>
</div>
<div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
<div class="tabItem">
<a href="/CJSC/coverStories" target="_self" class="link">
Cover Stories
</a>
</div>
</div>
<div class="tab tab-white child_CJSC7ad7da7d2" style="display: none;">
<div class="tabItem">
<a href="/CJSC/collections" target="_self" class="link">
Article Collection
</a>
</div>
</div>
<div class="tab" onclick='expendMenuChild("CJSC4ac40888c5",this)'>
<div class="tabItem">
<a href="/CJSC/authorCenter" target="_self" class="link">
AUTHOR CENTER
</a>
<i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c5" style="display: none;">
<div class="tabItem">
<a href="/CJSC/authorCenter?scroll=section_1" target="_self" class="link">
Instructions For Authors
</a>
</div>
</div>
<div class="tab" onclick='expendMenuChild("CJSC18658c4362",this)'>
<div class="tabItem">
<a href="/CJSC/editorial" target="_self" class="link">
EDITORIAL
</a>
</div>
</div>
<div class="tab" onclick='expendMenuChild("CJSC4ac40888c6",this)'>
<div class="tabItem">
<a href="/CJSC/aboutus" target="_self" class="link">
ABOUT US
</a>
<i class="fa fa-angle-down fa-lg" aria-hidden="true" style="font-size: 20px;"></i>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
<div class="tabItem">
<a href="/CJSC/aboutus?scroll=section_1" target="_self" class="link">
Journal Introduction
</a>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
<div class="tabItem">
<a href="/CJSC/aboutus?scroll=section_2" target="_self" class="link">
Advertising Cooperation
</a>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
<div class="tabItem">
<a href="/CJSC/aboutus?scroll=section_3" target="_self" class="link">
Journal Subscription
</a>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
<div class="tabItem">
<a href="/CJSC/aboutus?scroll=section_4" target="_self" class="link">
Contact Us
</a>
</div>
</div>
<div class="tab tab-white child_CJSC4ac40888c6" style="display: none;">
<div class="tabItem">
<a href="/CJSC/aboutus?scroll=section_5" target="_self" class="link">
Download Center
</a>
</div>
</div>
</div>
</div>
</div>
<!---------------------------------------------鍒涘缓鑿滃崟----------------------------------------------->
<div class="modal fade" id="addMenu" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">脳</span>
</button>
<h4 class="modal-title">Add new
</h4>
</div>
<form id="menuForm" novalidate="novalidate" method="post">
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Menu Name</h3>
</div>
<div class="panel-body">
<div class="form-group">
<label class="control-label">English</label>
<input type="text" name="nameEn" id="menuNameEn" autocomplete="off" class="form-control">
<span class="nameEn"></span>
</div>
<div class="form-group">
<label class="control-label">Chinese</label>
<input type="text" name="nameZh" id="menuNameZh" autocomplete="off" class="form-control">
<span class="nameZh"></span>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">URL</h3>
</div>
<div class="panel-body">
<div class="form-group">
<input type="text" name="url" id="menuUrl" autocomplete="off" class="form-control">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Sort</h3>
</div>
<div class="panel-body">
<div class="form-group">
<input type="number" class="form-control" name="sort" id="menuSort" />
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Jump Way</h3>
</div>
<div class="panel-body">
<div class="form-group">
<select class="form-control" name="target" id="menuTarget">
<option value="_self">_self</option>
<option value="_blank">_blank</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<input type="hidden" name="fla" value="CJSC">
<input type="hidden" name="parentId" id="menuParentId" value="0">
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" id="createMenuBtn" onclick="createMenu()" class="btn btn-default">Create</button>
</div>
</div>
</div>
</div>
<!---------------------------------------------缂栬緫鑿滃崟----------------------------------------------->
<div class="modal fade" id="updateMenuModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">脳</span>
</button>
<h4 class="modal-title">Update
</h4>
</div>
<form id="updateMenuForm" novalidate="novalidate" method="post">
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Menu Name</h3>
</div>
<div class="panel-body">
<div class="form-group">
<label class="control-label">English</label>
<input type="text" name="nameEn" id="updateMenuNameEn" autocomplete="off" class="form-control">
<span class="nameEn"></span>
</div>
<div class="form-group">
<label class="control-label">Chinese</label>
<input type="text" name="nameZh" id="updateMenuNameZh" autocomplete="off" class="form-control">
<span class="nameZh"></span>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">URL</h3>
</div>
<div class="panel-body">
<div class="form-group">
<input type="text" name="url" id="updateMenuUrl" autocomplete="off" class="form-control">
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Sort</h3>
</div>
<div class="panel-body">
<div class="form-group">
<input type="number" class="form-control" name="sort" id="updateMenuSort" />
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Jump Way</h3>
</div>
<div class="panel-body">
<div class="form-group">
<select class="form-control" name="target" id="updateMenuTarget">
<option value="_self">_self</option>
<option value="_blank">_blank</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<input type="hidden" name="fla" value="CJSC">
<input type="hidden" name="parentId" id="updateMenuParentId" value="0">
<input type="hidden" name="id" id="updateMenuId" value="">
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" id="updateMenuBtn" onclick="updateMenuSubmit()" class="btn btn-default">Update</button>
</div>
</div>
</div>
</div>
<script>
// 鍥炶溅浜嬩欢
$(document).ready(function () {
$('.jgSearch').keydown(function(e){
let keyCode = e.keyCode
if (keyCode === 13) {
var jouranlId = 'f9fb8cb710744848a0ae9942f48daef0';
if ($("#searchInput").val() == '') {
return;
}
window.location.href = "/search/search?jouranlId=" + jouranlId + "&searchType=commonSearch&pageCount=20&curpage=0&queryField_a=" + $("#searchInput").val();
}
})
})
</script>
<!-- 鍐呭鍖� -->
<div class="contentBox">
<div class="bg">
<div class="overlay">
<div class="zx-overlay">
<div class="container zx-container" style="margin-bottom: 100px;">
<!-- 妯″潡1 -->
<div class="module1Box clearfix">
<div class="imgBox">
<img class="img" :src="'/img/issue/' + journal.coverPath"
onerror="this.src='/images/cover/errorcover.png'" />
<div class="Mantle">
<div class="readMore" @click="readMoreModal()">Read More</div>
</div>
</div>
<div class="rightBox">
<div class="region1">
<div>
<div class="textNumber issn"
v-if="journal.issn && journal.issn !== '-' && journal.issn !== '鏃�'">
<span class="text">ISSN :</span>
<span class="number" v-text="journal.issn"></span>
</div>
<div class="textNumber cn" v-if="journal.cn && journal.cn !== '-' && journal.cn !== '鏃�'">
<span class="text">CN :</span>
<span class="number" v-text="journal.cn"></span>
</div>
<div class="textNumber cn"
v-if="journal.eissn && journal.eissn !== '-' && journal.eissn !== '鏃�'">
<span class="text">E-ISSN :</span>
<span class="number" v-text="journal.eissn"></span>
</div>
</div>
<div>
<div class="pencilBox">
</div>
<div class="textNumber CiteScore" v-if="citeScore">
<span class="text">CiteScore :</span>
<span class="number" v-text="citeScore"></span>
</div>
<div class="textNumber factor" v-if="impactFactor">
<span class="text">Impact Factor :</span>
<span class="number" v-text="impactFactor"></span>
</div>
<div class="textNumber factor" v-if="cscdImpactFactor">
<span class="text">{{lang == 'en_US' ? 'CSCD Impact Factor' : 'CSCD褰卞搷鍥犲瓙'}} :</span>
<span class="number" v-text="cscdImpactFactor"></span>
</div>
</div>
</div>
<div>
<div class="latestIssue">
<span class="number">Latest issue</span>
<div class="number" v-if="lang=='en_US'">
Volume <span>33</span>
, Issue <span>3</span>
</div>
<div class="number" v-if="lang=='zh_CN'">
绗�<span>33</span>Volume
, 绗�<span>3</span>Issue
</div>
</div>
</div>
<div class="region2">
<div class="title">About the journal</div>
<div class="desc" @click="qkjjTo" v-text="journal.intro">
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-md-12">
<!-- 妯″潡3 -->
<div class="module3Box clearfix">
<div class="module3Tabs">
<div class="module3-out">
<div :class="['module3Tab',tabType == 'dqq'?'active borderC2':'']" tabfor="dqq"
@click="tabFun('dqq')">
Current Issue</div>
<div :class="['module3Tab',tabType == 'yxcb'?'active borderC2':'']" @click="tabFun('yxcb')" tabfor="yxcb">
Latest Online</div>
<div :class="['module3Tab',tabType == 'ycb'?'active borderC2':'']" @click="tabFun('ycb')" tabfor="ycb">
{{lang == 'en_US' ? 'Accepted' :'棰勫嚭鐗�'}}
</div>
<div :class="['module3Tab',tabType == 'rdwz'?'active borderC2':'']" tabfor="rdwz"
id="module3TabMostRead" @click="tabFun('rdwz')">
Most Read</div>
<div :class="['module3Tab',tabType == 'bjtj'?'active borderC2':'']" tabfor="bjtj"
@click="tabFun('bjtj')">
Editors Recommend</div>
</div>
</div>
<!-- 褰撳墠鏈� -->
<div class="module3Content module3ContentBox fordqq" v-if="tabType == 'dqq'">
<div>
<div v-if="currentIssueLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div class="content-out" v-if="currentIssue.length">
<div class="download">
<div class="download-button" v-if="contentList !=''" @click="downloadContent()">
<img class="imgBox"
src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/platform/icon/download.png">
{{lang == 'en_US' ? 'Download Content' : '鏁存湡鐩綍'}}
</div>
<div class="download-button" @click="downCover()">
<img class="imgBox"
src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/platform/icon/download.png">
{{lang == 'en_US' ? 'Download Cover' : '鏁存湡灏侀潰'}}
</div>
</div>
<div class="content" v-for="item in currentIssue" :key="item.id">
<div class="content-xg content-tsXg" v-if="item.articleTypeStr">
<div class="cxg-pub">
<i class="fa fa-star pubColor" aria-hidden="true" /></i>
<span @click="searchArticleType(item.articleTypeStr)"
style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
</div>
</div>
<div class="ts-content">
<div class="content-img" v-if="item.graph || item.firstFig">
<img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
<img v-else src="/static-template/image/errorcover.png" alt="">
</div>
<div class="content-text">
<div class="title ts-title">
<a :href="baseArticleUrlInner + item.doi" target="_blank"
:title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
<div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
}},</span>
<span class="ellipsis"
v-if="item.authorStr && item.authorStr.split(',').length > 2"
data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
:data-content="item.authorStr">[鈥
</span>
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
itemTs : itemTs+','}}</span>
</div>
<div class="authors"
v-if="item.authorStr && item.authorStr.split(',').length <= 10">
<span class="author">{{item.authorStr}}</span>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
</div>
<div class="cxg-pub"
v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
<span>doi:</span>
<span class="s3">{{item.doi}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鍙戝竷鏃堕棿':'release time'}}:</span>
<span>{{timestampToDate(item.pubDate)}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鐘舵€�':'state'}}:</span>
<span class="special s2"
:class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
<div class="label-point-orange"
v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
<div class="label-point-green"
v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
<div class="label-point-gray " v-if="!item.articleRight.access"></div>
{{item.articleRight.displayResorceName}}
</span>
</div>
</div>
<div class="content-btn">
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'鎽樿':'abstract'}}
<span class="ab-s1">({{item.abstractNum}})</span>
</a>
</div>
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'HTML鍏ㄦ枃':'HTMLfulltext'}}
<span class="ab-s1">({{item.fulltextNum}})</span>
</a>
</div>
<template v-if="item.pdfPath!=null&&item.pdfPath!=''">
<template v-if="item.articleRight">
<template v-if="item.articleRight.ipAllow">
<template v-if="item.articleRight.access">
<div class="downloadBox">
<span class="text"
@click="currentDownloadPDF(item)">Download PDF
<span class="ab-s1">({{item.downloadNum}})</span>
</span>
</div>
</template>
<template v-else>
<div class="downloadBox" @click="shoppingUrl(item) ">
<!-- <img class="img" src=" /img/2e3ae98f80174b340e9649d346e2007.png" /> -->
<span class="text"><template
v-if="lang == 'zh_CN'">璐拱PDF</template><template v-else>Purchase
PDF</template></span>
</div>
</template>
</template>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<!-- 棰勫嚭鐗� -->
<div class="module3Content module3ContentBox forycb" v-if="tabType == 'ycb'">
<div>
<div v-if="justAcceptedLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div class="content-out" v-if="justAccepted.length">
<div class="content" v-for="item in justAccepted" :key="item.id">
<div class="content-xg content-tsXg" v-if="item.articleTypeStr">
<div class="cxg-pub">
<i class="fa fa-star pubColor" aria-hidden="true" /></i>
<span @click="searchArticleType(item.articleTypeStr)"
style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
</div>
</div>
<div class=" ts-content">
<div class="content-img" v-if="item.graph || item.firstFig">
<img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
<img v-else src="/static-template/image/errorcover.png" alt="">
</div>
<div class="content-text">
<div class="title ts-title">
<a :href="baseArticleUrlInner + item.doi" target="_blank"
:title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
<div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
}},</span>
<span class="ellipsis"
v-if="item.authorStr && item.authorStr.split(',').length > 2"
data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
:data-content="item.authorStr">[鈥
</span>
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
itemTs : itemTs+','}}</span>
</div>
<div class="authors"
v-if="item.authorStr && item.authorStr.split(',').length <= 10">
<span class="author">{{item.authorStr}}</span>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
</div>
<div class="cxg-pub">
<template v-if="item.advancePub!=null&&item.advancePub!=null">
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('accepted')">Just Accepted</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('online_first')">Online First</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('CorrectedProof')">Corrected Proof</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('UncorrectedProof')">Pre-proof</span>
</template>
</div>
<div class="cxg-pub"
v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
<span>doi:</span>
<span class="s3">{{item.doi}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鍙戝竷鏃堕棿':'release time'}}:</span>
<span>{{timestampToDate(item.pubDate)}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鐘舵€�':'state'}}:</span>
<span class="special s2"
:class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
<div class="label-point-orange"
v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
<div class="label-point-green"
v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
<div class="label-point-gray " v-if="!item.articleRight.access"></div>
{{item.articleRight.displayResorceName}}
</span>
</div>
</div>
<div class="content-btn">
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'鎽樿':'abstract'}}
<span class="ab-s1">({{item.abstractNum}})</span>
</a>
</div>
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'HTML鍏ㄦ枃':'HTMLfulltext'}}
<span class="ab-s1">({{item.fulltextNum}})</span>
</a>
</div>
<template v-if="item.pdfPath!=null&&item.pdfPath!=''">
<template v-if="item.articleRight">
<template v-if="item.articleRight.ipAllow">
<template v-if="item.articleRight.access">
<div class="downloadBox">
<span class="text"
@click="currentDownloadPDF(item)">Download PDF
<span class="ab-s1">({{item.downloadNum}})</span>
</span>
</div>
</template>
<template v-else>
<div class="downloadBox" @click="shoppingUrl(item) ">
<img class="img"
src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
<span class="text"><template
v-if="lang == 'zh_CN'">璐拱PDF</template><template v-else>Purchase
PDF</template></span>
</div>
</template>
</template>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<!-- 浼樺厛鍑虹増 -->
<div class="module3Content module3ContentBox foryxcb" v-if="tabType == 'yxcb'">
<div>
<div v-if="rpublishListLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div class="content-out" v-if="rpublishList.length">
<div class="content" v-for="item in rpublishList" :key="item.id">
<div class="content-xg content-tsXg" v-if="item.articleTypeStr">
<div class="cxg-pub">
<i class="fa fa-star pubColor" aria-hidden="true" /></i>
<span @click="searchArticleType(item.articleTypeStr)"
style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
</div>
</div>
<div class="ts-content">
<div class="content-img" v-if="item.graph || item.firstFig">
<img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
<img v-else src="/static-template/image/errorcover.png" alt="">
</div>
<div class="content-text">
<div class="title ts-title">
<a :href="baseArticleUrlInner + item.doi" target="_blank"
:title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
<div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
}},</span>
<span class="ellipsis"
v-if="item.authorStr && item.authorStr.split(',').length > 2"
data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
:data-content="item.authorStr">[鈥
</span>
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
itemTs : itemTs+','}}</span>
</div>
<div class="authors"
v-if="item.authorStr && item.authorStr.split(',').length <= 10">
<span class="author">{{item.authorStr}}</span>
</div>
<div class="content-xg">
<div class="cxg-pub" v-if="item.pubYear && item.volumeCode && item.issueCode && item.spage && item.epage">
<span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
</div>
<div class="cxg-pub">
<template v-if="item.advancePub!=null&&item.advancePub!=null">
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('accepted')">Just Accepted</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('online_first')">Online First</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('CorrectedProof')">Corrected Proof</span>
<span class="tagContent" style="color: rgb(185, 70, 133);"
v-if="item.advancePub.includes('UncorrectedProof')">Pre-proof</span>
</template>
</div>
<div class="cxg-pub"
v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
<span>doi:</span>
<span class="s3">{{item.doi}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鍙戝竷鏃堕棿':'release time'}}:</span>
<span>{{timestampToDate(item.pubDate)}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鐘舵€�':'state'}}:</span>
<span class="special s2"
:class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
<div class="label-point-orange"
v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
<div class="label-point-green"
v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
<div class="label-point-gray " v-if="!item.articleRight.access"></div>
{{item.articleRight.displayResorceName}}
</span>
</div>
</div>
<div class="content-btn">
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'鎽樿':'abstract'}}
<span class="ab-s1">({{item.abstractNum}})</span>
</a>
</div>
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'HTML鍏ㄦ枃':'HTMLfulltext'}}
<span class="ab-s1">({{item.fulltextNum}})</span>
</a>
</div>
<template v-if="item.pdfPath!=null&&item.pdfPath!=''">
<template v-if="item.articleRight">
<template v-if="item.articleRight.ipAllow">
<template v-if="item.articleRight.access">
<div class="downloadBox">
<span class="text"
@click="currentDownloadPDF(item)">Download PDF
<span class="ab-s1">({{item.downloadNum}})</span>
</span>
</div>
</template>
<template v-else>
<div class="downloadBox" @click="shoppingUrl(item) ">
<img class="img"
src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
<span class="text"><template
v-if="lang == 'zh_CN'">璐拱PDF</template><template v-else>Purchase
PDF</template></span>
</div>
</template>
</template>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<!-- Most Read -->
<div class="module3Content module3ContentBox formostRead" v-if="tabType == 'rdwz'">
<div>
<div v-if="mostReadLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div class="content-out" v-if="mostReadList.length">
<div class="content" v-for="item in mostReadList" :key="item.id">
<div class="content-xg content-tsXg" v-if="item.articleTypeStr">
<div class="cxg-pub">
<i class="fa fa-star pubColor" aria-hidden="true" /></i>
<span @click="searchArticleType(item.articleTypeStr)"
style="cursor: pointer;font-weight: 600;">{{item.articleTypeStr}}</span>
</div>
</div>
<div class="ts-content">
<div class="content-img" v-if="item.graph || item.firstFig">
<img v-if="item.graph || item.firstFig" :src="item.graph ? baseFiguresUrl+item.graph : baseFiguresUrl+item.firstFig" alt="">
<img v-else src="/static-template/image/errorcover.png" alt="">
</div>
<div class="content-text">
<div class="title ts-title">
<a :href="baseArticleUrlInner + item.doi" target="_blank"
:title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
<div class="authors" v-if="item.authorStr && item.authorStr.split(',').length > 10">
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{ itemTs
}},</span>
<span class="ellipsis"
v-if="item.authorStr && item.authorStr.split(',').length > 2"
data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
:data-content="item.authorStr">[鈥
</span>
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs == 2 ?
itemTs : itemTs+','}}</span>
</div>
<div class="authors"
v-if="item.authorStr && item.authorStr.split(',').length <= 10">
<span class="author">{{item.authorStr}}</span>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{item.pubYear}},</span><span>{{item.volumeCode}}({{item.issueCode}})</span><span>:{{item.spage}}-{{item.epage}}</span>
</div>
<div class="cxg-pub"
v-if="item.doi && !((item.doi).split('/').includes('10.0000'))">
<span>doi:</span>
<span class="s3">{{item.doi}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鍙戝竷鏃堕棿':'release time'}}:</span>
<span>{{timestampToDate(item.pubDate)}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鐘舵€�':'state'}}:</span>
<span class="special s2"
:class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
<div class="label-point-orange"
v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
<div class="label-point-green"
v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
<div class="label-point-gray " v-if="!item.articleRight.access"></div>
{{item.articleRight.displayResorceName}}
</span>
</div>
</div>
<div class="content-btn">
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'鎽樿':'abstract'}}
<span class="ab-s1">({{item.abstractNum}})</span>
</a>
</div>
<div class="downloadBox">
<a class="text" :href="baseArticleUrlInner + item.doi" target="_blank">{{lang ==
'zh_CN'?'HTML鍏ㄦ枃':'HTMLfulltext'}}
<span class="ab-s1">({{item.fulltextNum}})</span>
</a>
</div>
<template v-if="item.pdfPath!=null&&item.pdfPath!=''">
<template v-if="item.articleRight">
<template v-if="item.articleRight.ipAllow">
<template v-if="item.articleRight.access">
<div class="downloadBox">
<span class="text"
@click="currentDownloadPDF(item)">Download PDF
<span class="ab-s1">({{item.downloadNum}})</span>
</span>
</div>
</template>
<template v-else>
<div class="downloadBox" @click="shoppingUrl(item) ">
<img class="img"
src=" /img/2e3ae98f80174b340e9649d346e2007.png" />
<span class="text"><template
v-if="lang == 'zh_CN'">璐拱PDF</template><template v-else>Purchase
PDF</template></span>
</div>
</template>
</template>
</template>
</template>
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<!-- Editor Recommend -->
<div class="module3Content module3ContentBox foreditorRecommend" v-if="tabType == 'bjtj'">
<div style="position: relative;">
<div v-if="mostCitedLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div v-if="editorRecommendList.length">
<div class="content content-editor" v-for="item in editorRecommendList"
:key="item.id">
<div class="imgText">
<div class="imgBox"
v-if="item.coverPath != null && item.coverPath != undefined && item.coverPath != ''">
<img class="img" :src="baseFiguresUrl+item.coverPath"
onerror="this.src='/static-template/image/errorcover.png'"
@click="imgZoomModal(baseFiguresUrl+item.coverPath)" />
</div>
<div class="imgBox" v-else>
<img class="img" src="/static-template/image/errorcover.png" />
</div>
<div class="descBox">
<div class="textBox">
<div class="title">
<a :href="baseArticleUrlInner + item.doi" :title="titleText(item.title)"
target="_blank">
<span v-html="item.title"></span>
</a>
</div>
<span class="authors"
v-if="item.authorStr && item.authorStr.split(',').length > 10">
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(0, 3)">{{
itemTs }},</span>
<span class="ellipsis"
v-if="item.authorStr && item.authorStr.split(',').length > 2"
data-placement="bottom" tabindex="0" data-html="true" data-trigger="focus"
:data-content="item.authorStr">[鈥
</span>
<span class="author"
v-for="(itemTs,indexTs) in item.authorStr.split(',').slice(-3)">{{indexTs
== 2 ? itemTs : itemTs+','}}</span>
</span>
<div class="authors"
v-if="item.authorStr && item.authorStr.split(',').length <= 10">
<span class="author">{{item.authorStr}}</span>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鍙戝竷鏃堕棿':'release time'}}:</span>
<span>{{timestampToDate(item.pubDate)}}</span>
</div>
</div>
<div class="content-xg">
<div class="cxg-pub">
<span>{{lang == 'zh_CN'?'鐘舵€�':'state'}}:</span>
<span class="special s2"
:class="['special',item.articleRight.access && item.articleRight.code=='OA' ? 's5':'',item.articleRight.access && item.articleRight.code!='OA'?'s4':'']">
<div class="label-point-orange"
v-if="item.articleRight.access && item.articleRight.code=='OA'"></div>
<div class="label-point-green"
v-if="item.articleRight.access && item.articleRight.code!='OA'"></div>
<div class="label-point-gray " v-if="!item.articleRight.access"></div>
{{item.articleRight.displayResorceName}}
</span>
</div>
</div>
<div class="depict" v-html="item.intro" :title="item.intro | filterTags">
</div>
<span class="ellipsisIe"
style="display: none;position: absolute;right: 0;bottom: 0;background: linear-gradient(to right, transparent, #fff 0%);">...</span>
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<div class="moreBox modul2More" @click="module2Jump()">
<div class="more pubCc pubHoverBgc">MORE</div>
</div>
</div>
<!-- 妯″潡4 -->
<div class="module4Box clearfix" v-if="isManager || newsList.length > 0">
<div class="module4Tabs">
<div class="module4Tabs-out">
<div :class="['modulPubTitle', modul4Flage == 'articalZt' ? 'pubActived pubActivated':'']"
@click="tabXxk('articalZt')">
Special Topics
</div>
<div :class="['modulPubTitle', modul4Flage == 'articalWzj' ? 'pubActived pubActivated':'']"
@click="tabXxk('articalWzj')">
Article Collections
</div>
</div>
</div>
<div class="module4Content">
<!-- 涓撻 -->
<div v-show="modul4Flage === 'articalZt'" class="module5ContentBox forarticalZt">
<div>
<div v-if="specialTopicLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div v-if="specialTopicsList.length">
<div class="swiperModule5 lists swiper-no-swiping">
<div class="swiper-wrapper">
<div class="swiper-slide list" v-for="item in specialTopicsList" :key="item.id">
<div class="imgBox">
<img class="img" :src="specailCoverUrl+item.coverPath"
onerror="this.src='/static-template/image/errorcover.png'"
@click="jumpUrl(item)" style="cursor: pointer;" />
</div>
<div class="name">
<div class="title" v-if="lang == 'zh_CN'" v-text="item.nameZh"
@click="jumpUrl(item)"></div>
<div class="title" v-if="lang == 'en_US'" v-text="item.nameEn"
@click="jumpUrl(item)"></div>
</div>
</div>
</div>
<div class="swiper-button-next" style="display: none;"></div>
<div class="swiper-button-prev" style="display: none;"></div>
</div>
<div class="h5Module5 lists">
<div class="list" v-for="(item,i) in specialTopicsList" :key="item.id">
<div class="imgBox">
<img class="img" :src="specailCoverUrl+item.coverPath"
onerror="this.src='/static-template/image/errorcover.png'"
@click="jumpUrl(item)" style="cursor: pointer;" />
</div>
<div class="name">
<div class="title" v-if="lang == 'zh_CN'" v-text="item.nameZh"
@click="jumpUrl(item)">
</div>
<div class="title" v-if="lang == 'en_US'" v-text="item.nameEn"
@click="jumpUrl(item)">
</div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
<!-- 鏂囩珷闆� -->
<div v-show="modul4Flage === 'articalWzj'" class="module5ContentBox forcollections">
<div>
<div v-if="collectionListLoading === true">
<i class="fa fa-spinner fa-spin" aria-hidden="true"></i>
</div>
<div v-else>
<div v-if="collectionList.length">
<div class="swiperModule5 lists swiper-no-swiping">
<div class="swiper-wrapper">
<div class="swiper-slide list" v-for="item in collectionList" :key="item.id">
<div class="imgBox">
<img class="img" src="item.cover"
onerror="this.src='/static-template/image/errorcover.png'"
@click="window.open('/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id, '_self')"
style="cursor: pointer;" />
</div>
<div class="name">
<div class="name"><a :title="titleText(item.titleStr)"
:href="ctxPath +'/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id"
v-html='item.titleStr'></a></div>
</div>
</div>
</div>
<div class="swiper-button-next" style="display: none;"></div>
<div class="swiper-button-prev" style="display: none;"></div>
</div>
<div class="h5Module5 lists">
<div class="list" v-for="(item,i) in collectionList" :key="item.id">
<div class="imgBox">
<img class="img" :src="item.cover"
onerror="this.src='/static-template/image/errorcover.png'"
@click="window.open('/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id, '_self')"
style="cursor: pointer;" />
</div>
<div class="name">
<div class="name"><a :title="titleText(item.titleStr)"
:href="ctxPath +'/CJSC/collectionsDetails?slug=collections&abbreviated=zhongkeqikan&specialId='+item.id"
v-html='item.titleStr'></a></div>
</div>
</div>
</div>
</div>
<div v-else class="pubEmpty">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
</div>
<div class="moreBox">
<div class="more pubCc pubHoverBgc" @click="modul4Open">
MORE</div>
</div>
</div>
<!-- 妯″潡6 -->
<div class="module6Box" v-if="false">
<div class="module6Tabs">
<div class="module6Tab pubActivated">{{lang == 'en_US' ? 'Related Journals' : '鐩稿叧鏈熷垔'}}
</div>
</div>
<div class="module6ContentBox">
<div class="list" v-for="(item, index) in relationJournalList" :key="index">
<div class="imgBox" @click="toJournal(item)">
<img class="img" :src="specailCoverUrl + item.coverPath"
onerror="this.src='/images/cover/errorcover.png'">
<div class="mask">{{lang == 'en_US' ? 'VIEW JOURNAL' : '鏌ョ湅'}}</div>
</div>
<!-- <div class="shadow"></div> -->
<div class="name" v-html="item.title"></div>
</div>
</div>
</div>
</div>
<!-- <div class="col-lg-3 col-md-3">
<div class="advertisementBox">
</div>
</div> -->
</div>
</div>
<div class="zx-container2">
<div class="zx-con2-d1">
<div class="region3 zx-con2-pub">
<div class="con2-p-title">
<span class="pubBorc">{{lang == 'zh_CN'?'鍔炲叕绯荤粺':'office system'}}</span>
</div>
<div class="con2-p-content">
<div class="btnBox pubBgc" @click="window.open('https://www.scicloudcenter.com/CJSC','_blank')">
<i class="fa fa-list-alt forIcon" aria-hidden="true"></i>
Submit
</div>
<div class="btnBox pubBgc" @click="emailAlerts()">
<i class="fa fa-envelope forIcon" aria-hidden="true"></i>
Alert
</div>
<div class="btnBox pubBgc" v-if="codeStatus && journal.shopShow === 1"
@click="openPaperJournalDialog('f9fb8cb710744848a0ae9942f48daef0',7)">
<i class="fa fa-cart-plus forIcon" aria-hidden="true"></i>
Buy Print
</div>
<div class="btnBox pubBgc" v-if="'CJSC' === 'sands'" @click="openPaperJournalDialog2()">
<i class="fa fa-cart-plus forIcon" aria-hidden="true"></i>
Buy Print
</div>
</div>
</div>
<div class="zx-con2-pub" v-if="false">
<div class="con2-p2-content">
<div class="d1 dp">
<!-- <img src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/PPJ/wxLogo1.png" alt=""> -->
</div>
<div class="d2 dp">
<div class="imgBox">
<i class="fa fa-twitter-square shar pubCc" aria-hidden="true" @click="jumpTwitter()"></i>
</div>
<div class="imgBox">
<i class="fa fa-facebook-square shar pubCc" aria-hidden="true" @click="jumpFacebook()"></i>
</div>
<div class="imgBox">
<i class="fa fa-linkedin-square shar pubCc" aria-hidden="true" @click="jumpLinkedin()"></i>
</div>
<div class="imgBox">
<i class="fa fa-envelope-square shar pubCc" aria-hidden="true" @click="jumpEnvelope()"></i>
</div>
</div>
</div>
</div>
<div class="zx-con2-pub">
<div class="con2-p-title">
<span class="pubBorc">NEWS</span>
<span class="ts-span" @click="moreNewList()">MORE></span>
</div>
<div class="con2-p3-d1">
<div class="con2-p3-d2" v-for="(item,index) in newsList" :key="item.id" v-show="newsList.length">
<div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
<div class="cd2-d2">
<div class="title cd2-ts-title">
<a :title="titleText(lang == 'en_US' ? item.titleEn : item.titleZh)">
<span v-if="lang == 'zh_CN'" v-text="item.titleZh" @click="newsDetail(item)"></span>
<span v-if="lang == 'en_US'" v-text="item.titleEn" @click="newsDetail(item)"></span>
</a>
</div>
</div>
</div>
<div v-show="!newsList.length" class="pubEmpty2">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
<div class="zx-con2-pub">
<div class="con2-p-title">
<span class="pubBorc">{{lang == 'zh_CN'?'杩戜簲骞翠笅杞芥帓琛�':'Top Download in five'}}</span>
<span class="ts-span" @click="mostDownloadListMore">MORE></span>
</div>
<div class="con2-p3-d1">
<div class="con2-p3-d2" v-for="(item,index) in mostDownloadList" :key="item.id"
v-show="mostDownloadList.length">
<div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
<div class="cd2-d2">
<a :href="baseArticleUrlInner + item.doi" target="_blank" :title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
</div>
<div v-show="!mostDownloadList.length" class="pubEmpty2">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
<div class="zx-con2-pub">
<div class="con2-p-title">
<span class="pubBorc">{{lang == 'zh_CN'?'杩戜簲骞村紩鐢ㄦ帓琛�':'Top High in five'}}</span>
<span class="ts-span" @click="mostYyMore()">MORE></span>
</div>
<div class="con2-p3-d1">
<div class="con2-p3-d2" v-for="(item,index) in mostCitedList" :key="item.id"
v-show="mostCitedList.length">
<div :class="['cd2-d1','ts-cd2-d'+index]">{{downIndex(index)}}</div>
<div class="cd2-d2">
<a :href="baseArticleUrlInner + item.doi" target="_blank" :title="titleText(item.title)">
<span v-html="item.title"></span>
</a>
</div>
</div>
<div v-show="!mostCitedList.length" class="pubEmpty2">
{{lang == 'zh_CN'?'鏆傛棤鏂囩珷':'no articles available'}}
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 搴曢儴(鍏敤搴曢儴) -->
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_2.css">
<script type="text/javascript" charset="utf-8" src="/template/js/650ba1deb9294cde8d8e92839340150c_2.js"></script>
<div class="footerBox bgC1">
<div class="footer container">
<div class="footerTop row">
<div class="col-md-3 col-sm-4">
<div class="footerLeft">
<div class="footerLogo">
</div>
<div class="footerCode" style="border: 1px solid #eee;">
<img class="img" src="https://sciengine.obs.cn-north-1.myhuaweicloud.com/template/img/CJSC/chart.jpg"/>
</div>
<div class="imgLeft">
<a href="mailto:hchx@cioc.ac.cn" target="_blank">
<i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
</a>
</div>
</div>
</div>
<div class="col-md-9 col-sm-8">
<div class="row footerRight clearfix">
<div class="sitemapColumn col-md-4 col-sm-4 col-xs-12">
<div class="aboutTop">
<div class="title">About</div>
<i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
<i class="fa fa-minus" aria-hidden="true"></i>
</div>
<div class="desc" id="desc">
<p onclick='footerJump("/publisher/zhongkeqikan/journal/CJSC?slug=aboutus","_self")'>About Chinese Journal of Synthetic Chemistry</p>
<p onclick='footerJump("/publisher/zhongkeqikan/journal/CJSC?slug=news","_self")'>News</p>
<p onclick="emailAlerts()">Alert</p>
<p onclick='footerJump("https://www.scicloudcenter.com/CJSC","_blank")'>Submit</p>
</div>
</div>
<div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 contact">
<div class="contactTop">
<div class="title">Contact Us</div>
<i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
<i class="fa fa-minus" aria-hidden="true"></i>
</div>
<div class="desc" id="descContact">
<p>Address: Editorial Department of Synthetic Chemistry, Chinese Academy of Sciences, Chengdu Institute of Organic Chemistry, No. 519, North Luxikou Road, Xinglong Street, Tianfu New Area, Sichuan</p>
<p>Postal Code: 610299</p>
<p>Phone: 028-85255007</p>
<p>Email: hchx@cioc.ac.cn</p>
<p>QQ: 3321627848</p>
</div>
</div>
<div class="sitemapColumn col-md-4 col-sm-4 col-xs-12 related">
<div class="relatedTop">
<div class="title">Related Links</div>
<i class="fa fa-plus faPlus" aria-hidden="true" style="display: none;"></i>
<i class="fa fa-minus" aria-hidden="true"></i>
</div>
<div class="desc" id="descRelated">
<p>
<a href="https://www.cocc.cn/" target="_blank">Chinese Academy of Sciences Chengdu Organic Chemistry Co., Ltd</a>
</p>
<p>
<a href="http://www.cdb.ac.cn/" target="_blank">Chinese Academy of Sciences Chengdu Branch</a>
</p>
<p>
<a href="https://www.cas.cn/" target="_blank">Chinese Academy of Sciences</a>
</p>
<p>
<a href="https://www.cnki.net/" target="_blank">CNKI</a>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="footerBottom row">
<div class="col-md-3 col-sm-4">
<div class="imgLeft">
<a href="mailto:hchx@cioc.ac.cn" target="_blank">
<i class="fa fa-envelope-o" aria-hidden="true" style="color: white"></i>
</a>
</div>
</div>
<div class="col-md-9 col-sm-8">
<div class="desc">
Copyright 漏 Editorial Board of Chinese Journal of Synthetic Chemistry
</div>
</div>
</div>
</div>
</div>
<script>
var lang = 'en_US';
function footerJump(url,target){
window.open(url,target);
}
function reminderSwal () {
swal("coming soon", "", "warning");
}
</script>
<link rel="stylesheet" href="/template/css/650ba1deb9294cde8d8e92839340150c_-1.css">
<link rel="stylesheet" type="text/css" href="/static/upgrade/css/footer.css">
<!-- 琛ㄥ崟楠岃瘉 -->
<link href="/css/bootstrapValidator.min.css" rel="stylesheet">
<script src="/js/bootstrapValidator.min.js"></script>
<!-- 瀵屾枃鏈� -->
<script type="text/javascript">
var ctx = '';
</script>
<script src="/static-template/publisher/common/tinymce/tinymce.min.js"></script>
<script src="/static-template/publisher/common/js/tinymce-init.js"></script>
<div class="globalFooterBox">
<!-- back to top -->
<div class="backToTop clearfix" onclick="backTop()">
<i class="fa fa-angle-up" aria-hidden="true"></i>
<span class="hidden-xs hidden-sm top-text">BACK TO TOP</span>
<span class="hidden-lg hidden-md top-text">TOP</span>
</div>
<div class="row">
<div class="col-md-12">
<p id="companyInfoCh"></p>
<p id="companyInfoEn"></p>
</div>
<div class="col-md-12">
<p id="registerInfos"></p>
</div>
</div>
</div>
<div class="modal fade" id="myFooterEditModal" tabindex="-1" role="dialog" aria-labelledby="myFooterModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">脳</button>
<h4 id="title" class="modal-title"></h4>
</div>
<form id="updateFooterForm" method="post" action="/publishers/submitFooterInfo" novalidate="novalidate" enctype="multipart/form-data">
<div class="modal-body">
<!-- 鍏徃淇℃伅鑻辨枃 -->
<div class="form-group">
<label class="control-label">Company Info</label>
<input type="text" autocomplete="off" id="CompanyEnName" name="CompanyEnName" class="form-control">
</div>
<!-- 鍏徃淇℃伅涓枃 -->
<div class="form-group">
<label class="control-label">Chinese Company Info</label>
<input type="text" autocomplete="off" id="CompanyChName" name="CompanyChName" class="form-control">
</div>
<!-- ICP澶囨 -->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Integrated Info
</h3>
</div>
<div class="panel-body">
<div class="form-group" id="IntegratedInfoDiv">
<textarea rows="3" class="form-control tinymce-textarea" id="IntegratedInfo" name="IntegratedInfo"></textarea>
</div>
</div>
</div>
<!--鑱旂綉澶囨淇℃伅-->
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">
Register System Info
</h3>
</div>
<div class="panel-body">
<div class="form-group" id="RegisterSystemInfoDiv">
<textarea rows="3" class="form-control tinymce-textarea" id="RegisterSystemInfo" name="RegisterSystemInfo"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button id="footer-submit-button" type="button" class="btn btn-default">
Update
</button>
</div>
</form>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
<script type="text/javascript">
$(function () {
//Modal鍙鏃惰Е鍙�
$('#myFooterEditModal').on('shown.bs.modal', function() {
footerFormValidator();
});
//Modal楠岃瘉閿€姣侀噸鏋�
$('#myFooterEditModal').on('hidden.bs.modal', function() {
if($("#updateFooterForm").data('bootstrapValidator')!=undefined&&$("#updateFooterForm").data('bootstrapValidator')!=null){
$("#updateFooterForm").data('bootstrapValidator').destroy();
$('#updateFooterForm').data('bootstrapValidator',null);
}
});
getFooterInfo();
$("#footer-submit-button").on("click", function(){
$("#updateFooterForm").data("bootstrapValidator").validate();
if(!$("#updateFooterForm").data("bootstrapValidator").isValid()){
return ;
}
document.getElementById("updateFooterForm").submit();
});
$(window).scroll(function () {
var scrollTop = $(document).scrollTop()
// back to top
if (scrollTop >= 300) {
$('.backToTop').addClass('back-to-top__is-visible back-to-top__fade-out')
} else if (scrollTop >= 100) {
$('.backToTop').addClass('back-to-top__is-visible')
} else if (scrollTop < 100) {
$('.backToTop').removeClass('back-to-top__is-visible back-to-top__fade-out')
}
})
});
function footerFormValidator() {
$("#updateFooterForm").bootstrapValidator({
feedbackIcons: { //鏍规嵁楠岃瘉缁撴灉鏄剧ず鐨勫悇绉嶅浘鏍�
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},fields: {
CompanyEnName: {
validators: {
notEmpty: {
message: 'You must enter'
}
}
},
CompanyChName: {
validators: {
notEmpty: {
message: 'You must enter'
}
}
},
}
});
}
function getFooterInfo() {
var lang = 'en_US';
var journalId = 'f9fb8cb710744848a0ae9942f48daef0';
$.ajax({
type: "POST",
url: "/publishers/getFooterInfo",
success: function (data) {
//c1ca05087017497f9e9f24ce4a44869a
if(journalId == 'c1ca05087017497f9e9f24ce4a44869a'){
data.integratedInfo = '<a href=\"https://beian.miit.gov.cn/#/Integrated/index\" target=\"_blank\">榛擨CP澶�07002071鍙�-7 </a>';
data.registerSystemInfo = '<img src=\"/img/beian.png\" /><a href=\"https://beian.mps.gov.cn/#/query/webSearch\" target=\"_blank\" style=\"color:#333333;\">璐靛叕缃戝畨澶�52011502002747鍙�</a>';
}
$('#companyInfoCh').text(data.companyInfoCh);
$('#companyInfoEn').text(data.companyInfoEn);
if (lang == 'zh_CN') {
//闅愯棌鑻辨枃
$('#companyInfoEn').css("display", "none");
} else {
$('#companyInfoCh').css("display", "none");
}
var info = data.integratedInfo + " " + data.registerSystemInfo;
$('#registerInfos').html(info);
//鍘婚櫎p鏍囩
//info = $($('#registerInfos').find("p")[0]).html() + " " + $($('#registerInfos').find("p")[1]).html();
//$('#registerInfos').html(info);
},
error: function (message) {
//swal(getTipData(1), "","error");
}
});
}
function openFooterModel() {
//濉厖鏁版嵁鍒扮紪杈戞寜閽�
$("#myFooterEditModal").modal("show");
$.ajax({
type: "POST",
url: "/publishers/getFooterInfo",
success: function (data) {
$('#CompanyChName').val(data.companyInfoCh);
$('#CompanyEnName').val(data.companyInfoEn);
tinymce.get('IntegratedInfo').setContent("");
tinymce.get('RegisterSystemInfo').setContent("");
tinymce.get('IntegratedInfo').setContent(data.integratedInfo);
tinymce.get('RegisterSystemInfo').setContent(data.registerSystemInfo);
},
error: function (message) {
//swal(getTipData(1), "","error");
}
});
}
function backTop() {
$('html, body').animate({ scrollTop: 0 });
}
</script> </div>
</div>
</div>
<!--鏂伴椈寮瑰嚭妗�-->
<div class="modal fade" id="addInstructionsModal" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">脳</span>
</button>
<h4 class="modal-title" id="addInstructionsModalLabel">Update</h4>
</div>
<form id="addInstructionsForm" novalidate="novalidate" method="post">
<input type="hidden" name="journalId" value="f9fb8cb710744848a0ae9942f48daef0">
<input type="hidden" name="id" value="" id="newsId" />
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Title</h3>
</div>
<div class="panel-body">
<div class="form-group">
English <span style="color:red">*</span>
<input class="form-control" type="input" value="" name="titleEn" id="titleEn" />
<span class="help-block"></span>
</div>
<div class="form-group">
Chinese <span style="color:red">*</span>
<input class="form-control" type="input" value="" name="titleZh" id="titleZh" />
<span class="help-block"></span>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Author</h3>
</div>
<div class="panel-body">
English <span style="color:red">*</span>
<input class="form-control" type="input" value="" name="authorEn" id="authorEn" />
Chinese<span style="color:red">*</span>
<input class="form-control" type="input" value="" name="authorZh" id="authorZh" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Abstract</h3>
</div>
<div class="panel-body">
English
<textarea rows="3" name="abstractEn" id="abstractEn" class="form-control" style=""></textarea>
Chinese
<textarea rows="3" name="abstractZh" id="abstractZh" class="form-control" style=""></textarea>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Full text</h3>
</div>
<div class="panel-body">
English
<textarea rows="4" name="fulltextEn" id="fulltextEn" class="form-control tinymce-textarea" style="width: 100%; height: 300px;"></textarea>
Chinese
<textarea rows="4" name="fulltextZh" id="fulltextZh" class="form-control tinymce-textarea" style="width: 100%; height: 300px;"></textarea>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Release Rime <span style="color:red">*</span></h3>
</div>
<div class="panel-body form-group">
<input type="text" class="releseInput form-control releseCalendar"
placeholder="Select Time" name="releaseTime" id="releaseTime">
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Outer chain</h3>
</div>
<div class="panel-body">
English
<input class="form-control" type="input" name="url" id="url" />
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Choose file (
The Image size equal or less than 1MB )
</h3>
</div>
<div class="panel-body">
<div class="form-group">
<div class="uploadBtn uploadCover bgC4">Upload
</div>
<!-- <input type="hidden" id="coverpath" name="coverpath" /> -->
<span class="help-block"></span>
<img src="" alt="" class="img-rounded" id="coverPreview" style="height: 150px;margin-top: 10px;">
<input name="coverpath" type="file" class="file" id="coverpath" style="visibility: hidden;" />
</div>
</div>
</div>
</div>
</form>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary bgC4 " id="areaSelect"
@click="newsSubmit()">Create</button>
</div>
</div>
</div>
</div>
<!-- read more寮圭獥 -->
<div class="modal fade" id="readMoreModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
脳
</button>
</div>
<div class="modal-body">
<div class="leftBox">
<img class="img" :src="'/img/issue/' + journal.coverPath"
onerror="this.src='/images/cover/errorcover.png'" />
<!-- <a class="text">Cover image</a> -->
</div>
<div class="rightBox">
<div class="issue" v-if="lang=='en_US'">Volume 33,
Issue 3, 2025</div>
<div class="issue" v-if="lang=='zh_CN'">2025,
绗�33Volume,
绗�3Issue</div>
<div class="issue" id="coverIssue"></div>
<div class="desc" v-if="lang=='zh_CN'"></div>
<div class="desc" v-if="lang=='en_US'"></div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default downloadBtn" id="downloadHighQualityCoverButton"
onclick="downloadHighQualityCover();">Cover image</button>
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
<span class="downloadHD">
Click here to download the HD cover image
</span>
<button type="button" class="btn btn-default"
onclick="closeJournalLargeCover();">Close</button>
</div>
</div>
</div>
</div>
<!-- about the journal寮圭獥 -->
<div class="modal fade" id="aboutJournalModal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<form id="DescriptionEdit" method="post" enctype="multipart/form-data">
<input type="hidden" id="introENId" name="IdEN" />
<input type="hidden" id="introZhId" name="IdZH" />
<input type="hidden" id="journalId" name="baseId">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
脳
</button>
<h4 class="modal-title font-bold">Update</h4>
</div>
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title font-bold">Abstract</h3>
</div>
<div class="panel-body">
<div class="form-group">
<label class="control-label font-bold">English</label>
<textarea rows="" name="introEN" id="introEN" class="form-control" style="min-height: 115px;"></textarea>
</div>
<div class="form-group">
<label class="control-label font-bold">Chinese</label>
<textarea rows="" name="introZh" id="introZh" class="form-control" style="min-height: 115px;"></textarea>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal"
@click="closeModal()">Close</button>
<button type="button" class="btn btn-primary"
@click="updateDescription()">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- 绾稿垔璐拱 鎻愪氦 -->
<div class="modal fade" id="paperJournalContentDialog" tabindex="-1" role="dialog"
aria-labelledby="paperJournalModalLabel" aria-hidden="true">
<form class="form-horizontal" role="form" id="paperFastBuyForm" action="/cart/paperFastBuy"
method="post">
<div class="modal-dialog" style="width: 40%;">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">脳</button>
<h4 class="modal-title" id="paperJournalModalLabel">Selection issue</h4>
</div>
<div class="modal-body">
<div class="panel-group" id="accordion">
</div>
<input name="type" value="" type="hidden" />
<input name="productId" value="" type="hidden" />
<input id="strYearsMap" name="strYearsMap" value="" type="hidden" />
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">
Close</button>
<button type="button" onclick="paperSubmitForm()" class="btn btn-default">
Submit
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</form>
</div>
<!-- 妯″潡2鍥剧墖鏀惧ぇ寮圭獥 -->
<div class="modal fade" id="module2ImgModal" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close" @click="closeDialog()">
<span aria-hidden="true">脳</span>
</button>
</div>
<div class="modal-body">
<div class="imgBox">
<img class="img" :src="pictureZoomUrl" />
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" @click="closeDialog()">
Close
</button>
</div>
</div>
</div>
</div>
<!-- 妯″潡3鏂板寮圭獥 -->
<div class="modal fade" id="module3Modal">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">脳</button>
<h4 class="modal-title" id="myModalLabel">{{addOrEdit}}</h4>
</div>
<form id="module3Form" method="post" enctype="multipart/form-data">
<input type="hidden" id="journalId" name="pjId" value="f9fb8cb710744848a0ae9942f48daef0">
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Title</h3>
</div>
<div class="panel-body">
<div class="form-group">
<select class="form-control" id="scrollId" name="articleBaseId"></select>
</div>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">閫夋嫨鍥剧墖锛堝浘鐗囧ぇ灏�1MB锛�</h3>
</div>
<div class="panel-body">
<div class="form-group">
<div class="imgBox">
<img class="preview" style="width:200px;height: 200px;" src=""
onerror="this.src='/images/cover/errorcover.png'" />
</div>
<input type="file" name="file" @change="uploadImg(event)" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" @click="closeModal()">鍏抽棴</button>
<button type="button" class="btn btn-primary" @click="submitModal3()">鎻愪氦</button>
</div>
</form>
</div>
</div>
</div>
<!-- 妯″潡3淇敼寮圭獥 -->
<div class="modal fade" id="module3ModalUpdate">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">脳</button>
<h4 class="modal-title" id="myModalLabel">{{addOrEdit}}</h4>
</div>
<form id="module3UpdateForm" method="post" enctype="multipart/form-data">
<input type="hidden" id="journalId" name="pjId" value="f9fb8cb710744848a0ae9942f48daef0">
<input type="hidden" id="pRecommendArticlesId" name="id">
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">閫夋嫨鍥剧墖锛堝浘鐗囧ぇ灏�1MB锛�</h3>
</div>
<div class="panel-body">
<div class="form-group">
<div class="imgBox">
<img class="preview" id="preview" style="width:200px;height: 200px;" src=""
onerror="this.src='/images/cover/errorcover.png'" />
</div>
<input type="file" name="file" @change="uploadImg(event)" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal" @click="closeModal()">鍏抽棴</button>
<button type="button" class="btn btn-primary" @click="submitModal3Update()">鎻愪氦</button>
</div>
</form>
</div>
</div>
</div>
<!-- 鍙充晶鏂板or缂栬緫鏂囨湰寮圭獥 -->
<div class="modal fade bannerDialog" id="factorModal" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true" @click="closeModal()">脳</button>
<h4 class="modal-title" id="myModalLabel">Edit</h4>
</div>
<form id="impactFactorForm" class="formDialog impactFactorClass" method="post" novalidate="novalidate"
enctype="multipart/form-data">
<div class="modal-body">
<div class="panel panel-default">
<input id="impactFactorUrl" type="hidden" value="/sciPublisher/updateJournalImpactFactor">
<div class="panel-body">
<input type="hidden" name="journalId" value="f9fb8cb710744848a0ae9942f48daef0" />
<div class="form-group score">
<label class="control-label">CiteScore</label>
<input class="form-control" id="citeScore" type="text" name="citeScore" value="" />
</div>
<div class="form-group factor">
<label class="control-label">Impact Factor</label>
<input class="form-control" id="impactFactor" type="text" name="impactFactor" value="" />
</div>
<!-- CSCD褰卞搷鍥犲瓙 -->
<div class="form-group cscdFactor">
<label class="control-label">{{lang == 'en_US' ? 'CSCD Impact Factor' : 'CSCD褰卞搷鍥犲瓙'}}</label>
<input class="form-control" id="cscdImpactFactor" type="text" name="cscdImpactFactor" value="" />
</div>
</div>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button style="color:white" type="button" class="btn submitBtn btn-primary"
id="impactFactorSubmitBtn">Submit</button>
</div>
</form>
</div>
</div>
</div>
<!-- 鏈熷垔缃《鎺掑簭 -->
<div class="modal fade" id="sortJournalModal" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">脳</button>
<h4 class="modal-title">Sort</h4>
</div>
<form id="sortJournalForm" novalidate="novalidate" enctype="multipart/form-data">
<div class="modal-body">
<div class="panel panel-default">
<div class="panel-heading">
Add new
</div>
<div class="panel-body">
<select id="selectTopJournal" class="form-control" style="width: 100%;">
<option v-for="item in allJournalList" :key="item.id" :value="item.baseId">{{item.title}}</option>
</select>
</div>
<div class="panel-footer" style="text-align: right;">
<button type="button" class="btn btn-default"
@click="addTopJournalSubmit()">Add new</button>
</div>
</div>
<hr />
<div class="panel panel-default">
<div class="panel-heading">
Sort
</div>
<div class="panel-body" id="sortArea">
<div :data-id="item.baseId" v-for="item in topJournalList" :key="item.id">
<span v-text="item.title"></span>
<span><i aria-hidden="true" @click="deleteTopJournal(item)" class="fa fa-times"></i></span>
</div>
</div>
<div class="panel-footer" style="text-align: right;">
<button type="button" class="btn btn-default"
@click="sortJournalSubmit()">Save</button>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="/js/jquery-3.0.0.min.js"></script>
<script src="/js/tinymce/tinymce.min.js"></script>
<script type="text/javascript">
var ctx = '';
NodeList.prototype.forEach = Array.prototype.forEach;
</script>
<script src="/js/tinymce-init.js" type="text/javascript"></script>
<script src="/static/upgrade/vue-2.5.20/vue.min.js"></script>
<script src="/static/upgrade/bootstrap-3.3.7/bootstrap.min.js"></script>
<script src="/static-template/js/bootstrap-datetimepicker.js"></script>
<script src="/sci-web/static-template/js/bootstrap-datetimepicker.zh-CN.js"></script>
<script src="/js/bootstrapValidator.min.js"></script>
<script src="/static/select2/select2.min.js"></script>
<script src="/static/upgrade/swiper-7.4.1/swiper/swiper-bundle.min.js"></script>
<script src="/static/upgrade/sweetalert/sweetalert.min.js"></script>
<script src="/static/validate/jquery.validate.min.js"></script>
<script src="/static/validate/messages_zh.js"></script>
<script src="/static/select2/select2.min.js"></script>
<script type="application/javascript" src="/js/common/calculation.js"></script>
<script src="/js/sortable.min.js"></script>
<script>
var sortable;
function downloadHighQualityCover() {
var slug = "abstracts";
var prefix = "/img/issue/";
if (slug == "browse") {
// 鍑虹増鐩綍椤�
var coverPath = $("#journalHighQualityCoverPath").val();
window.open(coverPath);
} else {
// 鍏跺畠椤�
var coverPath = "";
if (!coverPath) {
coverPath = "1909547620322246656"
}
window.open(prefix + coverPath);
}
}
function closeJournalLargeCover() {
$("#readMoreModal").modal("hide");
}
var Vue = new Vue({
el: '#journalGeneralHome',
data: {
modul4Flage: 'articalZt',
fla: 'CJSC',
ctxPath: '',
id: 'f9fb8cb710744848a0ae9942f48daef0',
baseFiguresUrl: '/figures/',
specailCoverUrl: '/img/issue/',
baseImgUrl: '/img/new/',
lang: 'en_US',
url2: '/doi/',
baseArticleUrlInner: '/doi/',
journal: '',
includeLanguage: '',
journalIndexed: '',
onlineFirst: '',
collectionArticleList: '',
paperJournalTotalPrice: '',
paperJournalMap: '',
defaultId: '',
volume: '',
issue: '',
currentPubYear: '',
citeScore: '',
impactFactor: '',
cscdImpactFactor: '',
rpublishList: '',
justAccepted: [],
currentIssue: '',
currentIssueLoading: true,
rpublishListLoading: true,
justAcceptedLoading: true,
mostReadLoading: true,
mostReadList: [],
mostCitedLoading: true,
mostCitedList: [],
editorRecommendLoading: true,
editorRecommendList: [],
pictureZoomUrl: '',//鍥剧墖鏀惧ぇ璺緞
addOrEdit: '',
isManager: false,
clientWidthLabel: '',
page: "news",
pageCount: 0,
curpage: 4,
newsList: [],
specialTopicsList: [],
specialTopicLoading: true,
collectionList: [],
collectionListLoading: true,
sort: 'default',
codeStatus: true, //buy print鏄惁鏄剧ず鍙橀噺
relationJournalList: [], //鐩稿叧鏈熷垔鍒楄〃
topJournalList: [],
allJournalList: [],
mostDownloadLoading: true,
mostDownloadList: [], //涓嬭浇鎺掕鍒楄〃鏁版嵁
contentList: [],
tabType: 'dqq'
},
created: function () {
this.isManager = false;
this.collapse()
this.initModal1()
this.initModal2()
this.initJustAccepted()
this.initCurrentIssue()
// this.initModalMostReadList()
// this.initModalMostCitedList()
this.initEditRecommend()
// this.initpaperBuy()
this.loadMostReadList()
// this.loadMostCitedList()
// this.loadEditorRecommendList()
this.initNewsList();
this.initJournalSpecialTopicInfo()
this.loadCollectionList()
this.loadJournalList();
this.initAllJournalList();
this.loadDownloadList()
$('.searchBoxPc1').css('display', 'none')
this.handleScreenWidth()
window.addEventListener('resize', this.handleScreenWidth);
},
mounted: function () {
// 妯″潡5杞挱鍒濆鍖�
var swiperModule5 = new Swiper('.swiperModule5', {
slidesPerView: 'auto',
spaceBetween: 25,
slidesPerGroup: 1,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
})
// popover鍒濆鍖�
$('.ellipsis').popover({
trigger: 'focus'
})
// 鍒濆鍖杝elect2
$('#scrollId').select2({
data: this.collectionArticleList,
placeholder: '-----璇烽€夋嫨-----',
ajax: {
url: "/collections/SelectArticlesNew",
dataType: 'json',
data: function (params) {
return {
keyword: params.term,
page: params.page || 1,
rows: 10
};
},
processResults: function (data) {
return {
results: data.results
};
},
cache: true
},
minimumInputLength: 1,
width: '100%'
});
},
methods: {
// 鑾峰彇娴忚鎽樿鏁�
getAbstractNum: function (tabfor) {
var self = this
var url = '/restData/getArticleSingleActionNum?articleBaseId='
if (tabfor === 'dqq') {
self.currentIssue.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=abstract',
success: function (res) {
self.$set(item, 'abstractNum', res)
}
})
})
} else if (tabfor === 'ycb') {
self.justAccepted.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=abstract',
success: function (res) {
self.$set(item, 'abstractNum', res)
}
})
})
} else if (tabfor === 'yxcb') {
self.rpublishList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=abstract',
success: function (res) {
self.$set(item, 'abstractNum', res)
}
})
})
} else if (tabfor === 'rdwz') {
self.mostReadList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=abstract',
success: function (res) {
self.$set(item, 'abstractNum', res)
}
})
})
} else if (tabfor === 'bjtj') {
self.editorRecommendList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=abstract',
success: function (res) {
self.$set(item, 'abstractNum', res)
}
})
})
}
},
// 鑾峰彇娴忚HTML鏁�
getHtmlNum: function (tabfor) {
var self = this
var url = '/restData/getArticleSingleActionNum?articleBaseId='
if (tabfor === 'dqq') {
self.currentIssue.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=fulltext',
success: function (res) {
self.$set(item, 'fulltextNum', res)
}
})
})
} else if (tabfor === 'ycb') {
self.justAccepted.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=fulltext',
success: function (res) {
self.$set(item, 'fulltextNum', res)
}
})
})
} else if (tabfor === 'yxcb') {
self.rpublishList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=fulltext',
success: function (res) {
self.$set(item, 'fulltextNum', res)
}
})
})
} else if (tabfor === 'rdwz') {
self.mostReadList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=fulltext',
success: function (res) {
self.$set(item, 'fulltextNum', res)
}
})
})
} else if (tabfor === 'bjtj') {
self.editorRecommendList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId + '&action=fulltext',
success: function (res) {
self.$set(item, 'fulltextNum', res)
}
})
})
}
},
// 鑾峰彇涓嬭浇鏁�
getDownloadNum: function (tabfor) {
var self = this
var url = '/restData/getArticleDownloadNum?articleBaseId='
if (tabfor === 'dqq') {
self.currentIssue.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId,
success: function (res) {
self.$set(item, 'downloadNum', res)
}
})
})
} else if (tabfor === 'ycb') {
self.justAccepted.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId,
success: function (res) {
self.$set(item, 'downloadNum', res)
}
})
})
} else if (tabfor === 'yxcb') {
self.rpublishList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId,
success: function (res) {
self.$set(item, 'downloadNum', res)
}
})
})
} else if (tabfor === 'rdwz') {
self.mostReadList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId,
success: function (res) {
self.$set(item, 'downloadNum', res)
}
})
})
} else if (tabfor === 'bjtj') {
self.editorRecommendList.forEach(function (item, index) {
$.ajax({
type: 'GET',
url: url + item.baseId,
success: function (res) {
self.$set(item, 'downloadNum', res)
}
})
})
}
},
tabFun(name) {
this.tabType = name
},
qkjjTo() {
window.open("/CJSC/aboutus", "_self");
},
modul4Open() {
if (this.modul4Flage === 'articalZt') {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=specialTopics", "_blank");
}
if (this.modul4Flage === 'articalWzj') {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
}
},
handleScreenWidth() {
if (window.innerWidth < 1000) {
if (this.lang == 'en_US') {
$('.module3-out').css('width', '790px')
$('.module4Tabs-out').css('width', '370px')
} else {
$('.module3-out').css('width', '525px')
$('.module4Tabs-out').css('width', '100%')
}
} else {
if (this.lang == 'en_US') {
$('.module3-out').css('width', '100%')
$('.module4Tabs-out').css('width', '100%')
} else {
$('.module3-out').css('width', '100%')
$('.module4Tabs-out').css('width', '100%')
}
}
if (window.innerWidth > 1100 && window.innerWidth < 1200) {
if (this.lang == 'en_US') {
$('.module3Tab').css('marginRight', '5px')
} else {
$('.module3Tab').css('marginRight', '22px')
}
} else {
$('.module3Tab').css('marginRight', '22px')
}
},
timestampToDate(timestamp) {
const date = new Date(timestamp); // 灏嗘椂闂存埑杞崲涓篋ate瀵硅薄
const year = date.getFullYear(); // 鑾峰彇骞翠唤
const month = (date.getMonth() + 1).toString().padStart(2, '0'); // 鑾峰彇鏈堜唤骞惰ˉ闆�
const day = date.getDate().toString().padStart(2, '0'); // 鑾峰彇鏃ユ湡骞惰ˉ闆�
return (year + '-' + month + '-' + day) // 鎷兼帴瀛楃涓茶繑鍥�
},
tabXxk(flage) {
this.modul4Flage = flage
},
downIndex(index) {
return '0' + (index + 1)
},
mostDownloadListMore() {
window.open("/CJSC/download-rank");
},
// 涓嬭浇鎺掕鍒濆鍖栨帴鍙�
loadDownloadList() {
var self = this
self.mostDownloadLoading = true
$.ajax({
type: 'GET',
url: '/restDownload/ranking/' + self.id + '?pageNo=0&pageSize=4',
success: function (res) {
self.mostDownloadList = res.list.slice(0, 9)
self.mostDownloadLoading = false
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
}
})
},
titleText: function titleText(text) {
text = htmlToText(text);
return text;
},
aboutAuthor: function aboutAuthor(event, authorList) {
var array = []
var list = authorList
list.forEach(function (item, index) {
array.push(item.name)
})
var content = array.join(', ')
$('.aboutAuthorConetnt').html(content);
},
initModal1: function initModal1() {
var self = this;
$.ajax({
type: "POST",
url: "/sciPublisher/zhongkeqikan/journal/CJSC?slug=abstracts",
data: {
},
success: function success(result) {
self.journal = result.journal;
self.journalIndexed = result.journal.journalIndexed;
self.volume = result.volume;
self.issue = result.issue;
self.citeScore = result.citeScore;
self.impactFactor = result.impactFactor;
self.cscdImpactFactor = result.cscdImpactFactor
// 璋锋瓕浼樺寲meta
$("meta[property='og:description']").attr('content', self.journal.intro);
//鍒濆鍖栧奖鍝嶅洜瀛愬脊鍑烘
if (result.impactFactor != null && result.impactFactor != '' && result.impactFactor != undefined) {
$("#impactFactor").val(result.impactFactor);
}
if (result.citeScore != null && result.citeScore != '' && result.citeScore != undefined) {
$("#citeScore").val(result.citeScore);
}
if (result.cscdImpactFactor != null && result.cscdImpactFactor != '' && result.cscdImpactFactor != undefined) {
$("#cscdImpactFactor").val(result.cscdImpactFactor);
}
//澶勭悊鏀跺綍璇---------------start
var num = result.journal.includeLanguage;
if (self.lang == 'en_US') {
if (num == "1") {
self.includeLanguage = "English";
} else if (num == "2") {
self.includeLanguage = "Chinese";
}
else if (num == "3") {
self.includeLanguage = "English Chinese";
}
} else {
if (num == "1") {
self.includeLanguage = "鑻辨枃";
} else if (num == "2") {
self.includeLanguage = "涓枃";
}
else if (num == "3") {
self.includeLanguage = "涓枃 鑻辨枃";
}
}
//澶勭悊鏀跺綍璇---------------end
// setTimeout(function () {
// Vue.resetLoad();
// }, 500);
// 鍒ゆ柇buy print鏄惁鏄剧ず
var journalCode = result.journal.cResourceType.code
if (journalCode === 'OA') {
self.codeStatus = false
}
}
});
},
initModal2: function initModal2() {
var self = this;
$.ajax({
type: "POST",
url: '/publish/selectSingle?id=' + self.id + '&indexNum=9',
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
if (result.rpublishList.length > 6) {
self.rpublishList = result.rpublishList.slice(0, 6);
} else {
self.rpublishList = result.rpublishList
}
// 鍥犱负涓嶅悓鎺ュ彛鏁版嵁鏍煎紡涓嶅悓锛岃繖閲岀殑濮撳悕瑕佸崟鐙鐞嗕竴涓� 鐪熺殑wy
self.rpublishList.map((item, index) => {
if (self.lang == "zh_CN") {
item.authorStr = item.fullname_cn.join() || ''
item.intro = item.intro_cn
} else {
item.authorStr = item.fullname_en.join() || ''
item.intro = item.intro_en
}
})
if (self.rpublishList.length === 0) {
$('.latestOnline').hide()
$('.currentIssue').addClass('active borderC2')
$('.forcurrentIssue').show()
}
self.getDownloadNum('yxcb');
self.getAbstractNum('yxcb');
self.getHtmlNum('yxcb');
self.rpublishListLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
$('.ellipsis').popover({
trigger: 'focus'
})
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
}
});
},
initJustAccepted: function initJustAccepted() {
var self = this;
$.ajax({
type: "POST",
url: '/publish/justAccepted?id=' + self.id,
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
if (result.rpublishList.length > 6) {
self.justAccepted = result.rpublishList.slice(0, 6);
} else {
self.justAccepted = result.rpublishList
}
// 鍥犱负涓嶅悓鎺ュ彛鏁版嵁鏍煎紡涓嶅悓锛岃繖閲岀殑濮撳悕瑕佸崟鐙鐞嗕竴涓� 鐪熺殑wy
self.justAccepted.map((item, index) => {
if (self.lang == "zh_CN") {
item.authorStr = item.fullname_cn.join() || ''
} else {
item.authorStr = item.fullname_en.join() || ''
}
})
if (self.justAccepted.length === 0) {
$('.latestAccepted').hide()
$('.currentIssue').addClass('active borderC2')
$('.forcurrentIssue').show()
}
self.getDownloadNum('ycb');
self.getAbstractNum('ycb');
self.getHtmlNum('ycb');
self.justAcceptedLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
$('.ellipsis').popover({
trigger: 'focus'
})
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
}
});
},
initCurrentIssue: function initCurrentIssue() {
var self = this;
$.ajax({
type: "POST",
url: '/sciPublisher/journalDetailCurrentIssue?pageNo=1&pageSize=6&journalBaseId=' + self.id,
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
if (result.length > 6) {
self.currentIssue = result.slice(0, 6);
} else {
self.currentIssue = result;
}
self.currentIssueLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
// popover鍒濆鍖�
$('.ellipsis').popover({ trigger: 'focus' })
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie娴忚鍣�
self.$nextTick(function () {
var lineHeight = parseFloat($('.module2Box .forcurrentIssue .depict').css('line-height'))
var box = document.querySelectorAll('.module2Box .forcurrentIssue .depict')
box.forEach(function (item, index) {
if ($(item).height() > lineHeight * 3) {
$(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module2Box .forcurrentIssue .depict')[index]).find('.ellipsisIe').css('display', 'block')
}
})
})
}
self.getDownloadNum('dqq');
self.getAbstractNum('dqq');
self.getHtmlNum('dqq');
self.loadCheckMulu();
}
});
},
loadMostReadList: function loadMostReadList() {
var self = this;
$.ajax({
url: '/sciMostRead/getMorePjMostRead?start=0&end=19&sort=' + self.sort + '&pjId=' + self.id,
// url: '/sciPublisher/mostReadList?pageNo=1&pageSize=6&journalBaseId=' + self.id,
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.loadMostCitedList()
if (result.pArticleList.length > 6) {
self.mostReadList = result.pArticleList.slice(0, 6);
} else {
self.mostReadList = result.pArticleList;
}
self.getDownloadNum('rdwz');
self.getAbstractNum('rdwz');
self.getHtmlNum('rdwz');
self.mostReadLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
// if (self.mostReadList.length === 0) {
// $('#module3TabMostRead').remove()
// $('.module3Box .formostRead').remove()
// }
self.$nextTick(function () {
$('.ellipsis').popover({//浣滆€呮皵娉″垵濮嬪寲
trigger: 'focus'
});
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie娴忚鍣�
setTimeout(function () {
var lineHeight = parseFloat($('.module3Box .formostRead .detailedDesc').css('line-height'))
var box = document.querySelectorAll('.module3Box .formostRead .detailedDesc')
// console.log(box)
box.forEach(function (item, index) {
// console.log($(item).height())
if ($(item).height() > lineHeight * 3) {
// console.log('澶т簬')
$(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module3Box .formostRead .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
}, 1000)
}
})
}
});
},
loadMostCitedList: function loadMostCitedList() {
var self = this;
$.ajax({
url: '/sciMostCited/getMorePjMostCited?start=0&end=20&sort=' + self.sort + '&pjId=' + self.id,
// url: '/sciPublisher/mostCitedList?pageNo=1&pageSize=6&journalBaseId=' + self.id,
success: function success(result) {
self.loadEditorRecommendList()
if (result.pArticleList.length > 6) {
self.mostCitedList = result.pArticleList.slice(0, 6);
} else {
self.mostCitedList = result.pArticleList;
}
self.mostCitedLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
if (self.mostCitedList.length === 0) {
$('#module3TabMostCited').remove()
$('.module3Box .formostCited').remove()
}
self.$nextTick(function () {
$('.ellipsis').popover({//浣滆€呮皵娉″垵濮嬪寲
trigger: 'focus'
});
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) {//ie娴忚鍣�
var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
box.forEach(function (item, index) {
if ($(item).height() > lineHeight * 3) {
$(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
}
})
}
});
},
loadEditorRecommendList: function loadEditorRecommendList() {
var self = this;
$.ajax({
url: '/sciPublisher/getPjEditRecommend',
data: {
"pjId": self.id,
"amount": 6
},
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
if (result.length > 6) {
self.editorRecommendList = result.slice(0, 6);
} else {
self.editorRecommendList = result;
}
self.getDownloadNum('bjtj');
self.getAbstractNum('bjtj');
self.getHtmlNum('bjtj');
self.editorRecommendLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
if (!self.isManager) {
// setTimeout(function () {
// if ((self.editorRecommendList && self.editorRecommendList.length === 0) && (self.mostCitedList && self.mostCitedList.length === 0) && (self.mostReadList && self.mostReadList.length === 0)) {
// $('.module3Box').remove()
// }
// }, 1000)
}
$('.ellipsis').popover({//浣滆€呮皵娉″垵濮嬪寲
trigger: 'focus'
});
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) {
var lineHeight = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
var box = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
box.forEach(function (item, index) {
if ($(item).height() > lineHeight * 3) {
$(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
}
})
}
});
},
initModalMostReadList: function initModalMostReadList() {
var self = this;
$.ajax({
type: "POST",
url: '/sciPublisher/getPjMostRead?start=0&end=6&isLatest=1&pjId=' + self.id,
data: {
"fla": "CJSC",
"abbreviated": "zhongkeqikan",
},
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.MostReadList = result;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
}
});
},
initModalMostCitedList: function initModalMostCitedList() {
var self = this;
$.ajax({
type: "POST",
url: '/sciPublisher/getPjMostCited?start=0&end=6&isLatest=1&pjId=' + self.id,
data: {
"fla": "CJSC",
"abbreviated": "zhongkeqikan",
},
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.MostCitedList = result;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
}
});
},
initEditRecommend() {
var self = this;
$.ajax({
type: "POST",
url: '/sciPublisher/getPjEditRecommend?amount=5&pjId=' + self.id,
data: {
},
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.EditRecommendList = result.journalDetailArticleListDtoList;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
self.$nextTick(function () {
// 鍚庡彴杩斿洖鐨刬talic鏍囩澧炲姞鏂滀綋鏍峰紡
$('italic').attr('style', 'font-style: italic')
})
}
});
},
initNewsList: function initNewsList() {
var self = this;
$.ajax({
type: "POST",
url: "/sciPublisher/selectNewsList",
data: {
"journalId": self.id,
"page": self.page,
"pageCount": self.pageCount,
"curpage": self.curpage
},
success: function success(result) {
if (result.newsList.length > 4) {
self.newsList = result.newsList.slice(0, 4);
} else {
self.newsList = result.newsList;
}
self.total = result.total;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
if (self.total == 0 || self.total == '') {
$('.noFind').css('display', 'block');
} else {
$('.noFind').css('display', 'none');
}
if (self.newsList.length < self.total) {
self.showMore = true;
} else {
self.showMore = false;
}
}
});
},
// 鍒濆鍖栨湡鍒婁笅涓撻淇℃伅
initJournalSpecialTopicInfo: function initJournalSpecialTopicInfo() {
let self = this;
self.isSearch = "false";
let journalBaseId = "f9fb8cb710744848a0ae9942f48daef0";
$.ajax({
type: "POST",
url: '/rest/v4/heading/selectListPage',
data: {
"journalId": self.id,
"curpage": 0,
"pageCount": 3,
"title": '',
"volume": '',
"issue": '',
"headingType": 1,
"subSite": '',
},
success: function (result) {
self.specialTopicLoading = false;
if (result.list.length > 0) {
self.specialTopicsList = result.list;
self.currentPubYear = result[0].pubYear;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
}
}
});
},
loadCollectionList: function loadCollectionList() {
var self = this;
$.ajax({
url: '/sciPublisher/collectionList?limit=4&journalBaseId=' + self.id,
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.collectionList = result.slice(0, 6);
self.collectionListLoading = false;
// 鏂圭▼杩囨护
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);
// 鍒濆鍖栬疆鎾浘
self.$nextTick(function () {
var swiperModule4 = new Swiper('.swiperModule4', {
slidesPerView: 'auto',
spaceBetween: 25,
slidesPerGroup: 1,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
})
})
}
});
},
loadJournalList: function () {
var self = this
$.ajax({
url: '/restRelatedThemeJournal/selectRelatedJournal?journalId=f9fb8cb710744848a0ae9942f48daef0&limit=6',
type: 'GET',
success: function (res) {
self.relationJournalList = res
self.$nextTick(function () {
self.initJournalMask();
});
}
})
},
initJournalMask: function () {
// 妯″潡5鏄剧ず钂欏眰
$(".module6Box .img").mouseover(function () {
$(this).siblings('.mask').show()
});
$(".module6Box .img").mouseout(function () {
$(this).siblings('.mask').hide()
});
},
initAllJournalList: function () {
let self = this;
$.ajax({
url: '/platformRestHome/selectAllJournal',
success: function success(result) {
self.allJournalList = result;
var topJournalSelect = $("#selectTopJournal").select2({});
}
});
},
initTopJournalList: function () {
let self = this;
this.topJournalList = [];
$.ajax({
url: '/restRelatedThemeJournal/selectTopJournal?journalId=f9fb8cb710744848a0ae9942f48daef0',
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.topJournalList = result;
//鑾峰彇瀵硅薄
var el = document.getElementById('sortArea');
//璁剧疆閰嶇疆
var ops = {
animation: 1000,
//鎷栧姩缁撴潫
onEnd: function (evt) {
console.log(evt);
},
};
//鍒濆鍖�
sortable = Sortable.create(el, ops);
}
});
},
toJournal: function (item) {
window.open("/publisher/" + item.publisher.abbreviated + "/journal/" + item.fla + "?slug=abstracts", "_blank");
},
openSortJournalModal: function () {
let self = this;
this.topJournalList = [];
$.ajax({
url: '/restRelatedThemeJournal/selectTopJournal?journalId=f9fb8cb710744848a0ae9942f48daef0',
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
self.topJournalList = result;
//鑾峰彇瀵硅薄
var el = document.getElementById('sortArea');
//璁剧疆閰嶇疆
var ops = {
animation: 1000,
//鎷栧姩缁撴潫
onEnd: function (evt) {
console.log(evt);
//鑾峰彇鎷栧姩鍚庣殑鎺掑簭
//var arr = sortable.toArray();
},
};
//鍒濆鍖�
sortable = Sortable.create(el, ops);
$("#sortJournalModal").modal("show");
}
});
},
addTopJournalSubmit: function () {
let self = this;
let id = $("#selectTopJournal").val();
let exist = false;
if (this.topJournalList != null) {
$.each(this.topJournalList, function (index, item) {
if (item.baseId == id) {
exist = true;
return false;
}
});
}
if (exist) {
swal({
icon: 'warning',
title: 'Do not add repeatedly',
showConfirmButton: true
});
return;
}
$.ajax({
url: '/restRelatedThemeJournal/insertTopJournal',
data: {
journalId: 'f9fb8cb710744848a0ae9942f48daef0',
relatedJournalId: id,
SHAREJSESSIONID: ''
},
success: function success(result) {
if (result == "success") {
swal({
icon: 'success',
title: 'Add success',
showConfirmButton: true
});
self.initTopJournalList();
self.loadJournalList();
} else {
swal({
icon: 'error',
title: 'Operate Fail',
showConfirmButton: true
});
}
}
});
},
deleteTopJournal: function (item) {
let id = item.baseId;
let self = this;
swal('Confirm Delete', "", "warning", {
buttons: {
cancel: {
text: 'Cancel',
value: null,
visible: true,
className: "",
closeModal: true,
},
confirm: {
text: 'Confirm',
value: 'confirm',
closeModal: false
},
}
}).then(function (value) {
switch (value) {
case "confirm":
$.ajax({
url: '/restRelatedThemeJournal/deleteTopJournal',
data: {
journalId: 'f9fb8cb710744848a0ae9942f48daef0',
relatedJournalId: id,
SHAREJSESSIONID: ''
},
success: function success(result) {
if (result == "success") {
swal({
icon: 'success',
title: 'Operate Success',
showConfirmButton: true
});
self.initTopJournalList();
self.loadJournalList();
} else {
swal({
icon: 'error',
title: 'Operate Fail',
showConfirmButton: true
});
}
}
});
break;
}
});
},
sortJournalSubmit: function () {
var arr = sortable.toArray();
let self = this;
swal('Confirm Save', "", "warning", {
buttons: {
cancel: {
text: 'Cancel',
value: null,
visible: true,
className: "",
closeModal: true,
},
confirm: {
text: 'Confirm',
value: 'confirm',
closeModal: false
},
}
}).then(function (value) {
switch (value) {
case "confirm":
$.ajax({
type: 'POST',
url: '/restRelatedThemeJournal/updateTopJournal',
data: {
journalId: 'f9fb8cb710744848a0ae9942f48daef0',
ids: JSON.stringify(arr)
},
success: function success(result) {
if (result == "success") {
swal({
icon: 'success',
title: 'Operate Success',
showConfirmButton: true
});
self.initTopJournalList();
self.loadJournalList();
$("#sortJournalModal").modal("hide");
} else {
swal({
icon: 'error',
title: 'Operate Fail',
showConfirmButton: true
});
}
}
});
break;
}
});
},
// initpaperBuy: function initpaperBuy() {
// var self = this;
// $.ajax({
// type: "POST",
// url: '/sciPublisher/getPaperJournalMap?baseId=' + self.id,
// data: {
// },
// // 璇锋眰鏁版嵁鍦板潃
// success: function success(result) {
// self.paperJournalTotalPrice = result.paperJournalTotalPrice;
// self.paperJournalMap = result.paperJournalMap;
// self.defaultId = result.defaultId;
// }
// });
// },
// 褰撳墠鏈熶笅杞絇DF
currentDownloadPDF: function (item) {
var self = this;
var id = item.id;
var status = item.buyStatus;
var storage = window.localStorage;
var ip = storage.getItem("ipInfo");
if (status) {
window.open("/doi/pdf/" + id + "?ipInfo=" + ip);
} else {
self.readOnline(item);
}
},
//涓嬭浇pdf
downloadPDF: function downloadPDF(item) {
var self = this;
var status = item.buyStatus;
if (status) {
$.ajax({
async: false,
type: "POST",
url: "/doi/selectIdByBaseIdAndLa",
data: {
"baseId": item.id
},
success: function success(data) {
var storage = window.localStorage; //鎷兼帴url
var ip = storage.getItem("ipInfo");
window.open("/doi/pdf/" + data + "?ipInfo=" + ip);
}
});
} else {
self.readOnline(item);
}
},
// 鍦ㄧ嚎闃呰
readOnline: function readOnline(item) {
// let doi = listItem.doi;
window.open("/doi/" + item.doi);
},
shoppingUrl: function readOnline(item) {
let self = this;
window.open(self.baseArticleUrlInner + item.doi);
},
newsDetail: function newsDetail(item) {
var specialId = item.id; // let fla = "CJSC";
// let url = "/viewPageDetail/journalSpecialTopicArticles?fla=" + fla + "&specialId=" + specialId;
if (item.url != '') {
//璺宠浆鍒板閮ㄧ綉绔�
window.open(item.url, "_blank");
} else {
window.open('/CJSC/newsDetails?slug=newsDetails&abbreviated=zhongkeqikan&specialId=' + item.id, "_blank");
}
},
editModal: function editModal(item) {
var self = this;
$("#newsId").val(item.id);
$("#titleEn").val(item.titleEn);
$("#titleZh").val(item.titleZh);
$("#authorEn").val(item.authorEn);
$("#authorZh").val(item.authorZh);
$("#abstractEn").val(item.abstractEn);
$("#abstractZh").val(item.abstractZh);
$("#url").val(item.url);
if (item.fulltextEn != undefined && item.fulltextEn != null) {
tinymce.get('fulltextEn').setContent(item.fulltextEn);
}
if (item.fulltextZh != undefined && item.fulltextZh != null) {
tinymce.get('fulltextZh').setContent(item.fulltextZh);
}
var time = self.timetype(item.releaseTime);
$("#releaseTime").val(time); // $("#releaseTime").val(new Date(item.releaseTime).format("yyyy-MM-dd hh:ii:ss"));
$("#coverPreview").attr("src", this.baseImgUrl + item.coverPath); // $("#coverpath").val(item.coverpath);
$("label.error").each(function () {
$(this).remove();
});
this.editModalTitle = 'Update'; //閲嶆柊鏍￠獙瑙勫垯
$('#addInstructionsModal').modal({
backdrop: "static",
show: true
});
},
deleteModal: function deleteModal(item) {
var self = this;
swal('Confirm Delete', "", "warning", {
buttons: {
cancel: {
text: 'Cancel',
value: null,
visible: true,
className: "",
closeModal: true
},
confirm: {
text: 'Confirm',
value: 'confirm',
closeModal: false
}
}
}).then(function (value) {
switch (value) {
case "confirm":
$.ajax({
url: '/news/deleteNews',
data: {
"id": item.id
},
// 璇锋眰鏁版嵁鍦板潃
success: function success(result) {
if (result != null && result == "success") {
swal({
icon: 'success',
title: 'Operate Success',
showConfirmButton: true
});
window.location.reload(true);
}
}
});
break;
}
});
},
newsSubmit: function newsSubmit() {
tinyMCE.triggerSave();
var areaSelect = $('#areaSelect');
if (!$("#addInstructionsForm").valid()) {
swal({
icon: "warning",
title: 'Please Check Input',
confirmButtonColor: "#DD6B55"
});
return;
}
areaSelect.attr("disabled", "disabled");
setTimeout(function () {
var EditorialBoardMemberFormData = new FormData($("#addInstructionsForm")[0]);
$.ajax({
type: "POST",
url: "/news/UpdateNewCenterAdd",
data: EditorialBoardMemberFormData,
async: false,
cache: false,
processData: false,
contentType: false,
success: function success(data) {
// areaSelect.removeAttr("disabled");
window.location.reload(true);
}
});
}, 500);
},
addListenForModule3: function addListenForModule3() {
console.log('cscsscsc')
var module3tabs = document.querySelectorAll('.module3Tab');
if (module3tabs != null && module3tabs.length > 0) {
//绗竴涓縺娲�
this.$nextTick(function () {
module3tabs[0].classList.add('active', 'borderC2');
})
}
var module3ContentBoxs = document.querySelectorAll('.module3ContentBox');
if (module3ContentBoxs != null && module3ContentBoxs.length > 0) {
//绗竴涓樉绀�
module3ContentBoxs[0].style.display = '';
} // 妯℃澘3tab鍒囨崲
module3tabs.forEach(function (item, index) {
module3tabs[index].onclick = function () {
// 濡傛灉鏄紪杈戞帹鑽� 闅愯棌鏇村鎸夐挳
if (module3tabs[index].getAttribute('tabfor') === 'editorRecommend') {
$('.modul2More').css('display', 'none')
} else {
$('.modul2More').css('display', 'block')
}
module3tabs.forEach(function (prop, i) {
module3tabs[i].classList.remove('active');
module3tabs[i].classList.remove('borderC2');
var name = 'for' + module3tabs[i].getAttribute('tabfor');
console.log(document.getElementsByClassName(name))
document.getElementsByClassName(name)[0].style.display = "none";
});
module3tabs[index].classList.add('active');
module3tabs[index].classList.add('borderC2');
var name = 'for' + module3tabs[index].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = '';
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie娴忚鍣�
console.log('ie')
var lineHeight = parseFloat($('.module3Box .formostCited .detailedDesc').css('line-height'))
console.log('lineHeight', lineHeight)
var box = document.querySelectorAll('.module3Box .formostCited .detailedDesc')
box.forEach(function (item, index) {
console.log('height', $(item).height())
if ($(item).height() > lineHeight * 3) {
$(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module3Box .formostCited .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
var lineHeight1 = parseFloat($('.module3Box .foreditorRecommend .detailedDesc').css('line-height'))
console.log('lineHeight1', lineHeight1)
var box1 = document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')
box1.forEach(function (item, index) {
console.log('height', $(item).height())
if ($(item).height() > lineHeight1 * 3) {
$(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).css('height', (lineHeight1 * 3) + 'px')
$(document.querySelectorAll('.module3Box .foreditorRecommend .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
}
};
});
},
searchArticleType: function searchArticleType(articleTypeStr) {
let url = '/search/search?articleTypeFilter=' + articleTypeStr + '&searchType=commonSearch';
window.open(url, '_blank');
},
searchTheme: function searchTheme(themeStr) {
let url = '/search/search?filterThemeFilter=' + themeStr + '&searchType=commonSearch';
window.open(url, '_blank');
},
// 鍥剧墖鏀惧ぇ寮圭獥
imgZoomModal: function imgZoomModal(url) {
$('#module2ImgModal').modal({
backdrop: "static",
show: true
});
this.pictureZoomUrl = url;
},
// 瑙ｅ喅鍒锋柊鏃堕〉闈㈡湁涓€鐬棿鏍峰紡鐨勫穿濉�
collapse: function () {
setTimeout(function () {
document.getElementById('body').style.visibility = 'visible';
}, 1);
},
// readMore寮圭獥
readMoreModal: function () {
var coverPathHigh = this.journal.coverPath;
var coverPrefix = "/img/issue/"; // 鑾峰彇褰撳墠鍗锋湡鏈熷垔灏侀潰鍥�
if (coverPathHigh != undefined && coverPathHigh != null && coverPathHigh != "") {
$("#journalHighQualityCoverPath").val(coverPrefix + coverPathHigh);
$("#downloadHighQualityCoverButton").css("display", "block");
$(".downloadHD").css("display", "block");
} else {
$("#downloadHighQualityCoverButton").css("display", "none");
$(".downloadHD").css("display", "none");
}
$('#readMoreModal').modal({
backdrop: "static",
show: true
})
},
//about journal寮圭獥
aboutJournalModal: function () {
let self = this;
$.ajax({
type: "POST",
url: "/sciPublisher/selectDescription",
data: {
"baseId": self.id,
},
dataType: 'json',
async: false,
success: function (data) {
$("#introENId").val(data["enPj"]["id"]);
$("#journalId").val(data["enPj"]["baseId"]);
$("#introEN").val(data["enPj"]["intro"]);
$("#introZhId").val(data["zhPj"]["id"]);
$("#introZh").val(data["zhPj"]["intro"]);
}
});
$('#aboutJournalModal').modal({
backdrop: "static",
show: true
})
},
//淇敼妯″潡1
updateDescription() {
//鑾峰彇鑻辨枃鎻忚堪
var introEN = $("#introEN").val();
//鑾峰彇涓枃鎻忚堪
var introZh = $("#introZh").val();
var a = '<ingenta-tag:LanguageTag key="Sci.Metrics.Description" sessionKey="lang" />';
$.ajax({
type: "POST",
url: "/sciPublisher/updateIntro",
data: $('#DescriptionEdit').serialize(),
success: function (data) {
window.location.reload();
}
});
},
submitModal3: function submitModal3() {
tinyMCE.triggerSave();
if (!$("#module3Form").valid()) {
Swal.fire({
icon: "warning",
title: 'Please Check Input',
confirmButtonColor: "#DD6B55"
});
return;
}
var module3FormData = new FormData($("#module3Form")[0]);
$.ajax({
type: "POST",
url: "/sciPublisher/insertArticle",
data: module3FormData,
async: false,
cache: false,
processData: false,
contentType: false,
success: function success(data) {
window.location.reload(true);
}
});
},
submitModal3Update: function submitModal3Update() {
tinyMCE.triggerSave();
var id = $("#pRecommendArticlesId").val();
var journalId = 'f9fb8cb710744848a0ae9942f48daef0';
if (!$("#module3UpdateForm").valid()) {
Swal.fire({
icon: "warning",
title: 'Please Check Input',
confirmButtonColor: "#DD6B55"
});
return;
}
var module3UpdateFormData = new FormData($("#module3UpdateForm")[0]);
$.ajax({
type: "POST",
url: "/sciPublisher/updateArticle?id=" + id + "&journalId=" + journalId,
data: module3UpdateFormData,
async: false,
cache: false,
processData: false,
contentType: false,
success: function success(data) {
window.location.reload(true);
}
});
},
emailAlerts: function emailAlerts() {
// var lang = $("#language").val();
let self = this;
$.ajax({
type: "POST",
url: "/publisher/emailAlerts",
async: true,
data: {
"journalBaseId": self.id,
},
success: function success(result) {
if (result == "success") {
if (self.lang == "zh_CN") {
swal("", "璁㈤槄鎴愬姛!", "success");
} else {
swal("", "Subscription succeeded!", "success");
}
} else {
swal("", result, "warning");
}
}
});
//鍏虫敞浜嬩欢
_paq.push(["eventWatch", self.id, {}]);
},
delModule3Modal: function delModule3Modal(item) {
let self = this;
swal('Confirm Delete', "", "warning", {
buttons: {
cancel: {
text: 'Cancel',
value: null,
visible: true,
className: "",
closeModal: true,
},
confirm: {
text: 'Confirm',
value: 'confirm',
closeModal: false
},
}
}).then(function (value) {
switch (value) {
case "confirm":
$.ajax({
type: "POST",
url: "/sciPublisher/delPra/" + item.recommendId,
success: function success(result) {
swal({
type: 'success',
title: 'Operate Success',
showConfirmButton: false
});
window.location.reload(true);
}
});
break;
}
});
},
timetype: function timetype(time) {
var date = new Date(time);
var YY = date.getFullYear() + '-';
var MM = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var DD = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
var hh = (date.getHours() < 10 ? '0' + date.getHours() : date.getHours()) + ':';
var mm = (date.getMinutes() < 10 ? '0' + date.getMinutes() : date.getMinutes()) + ':';
var ss = date.getSeconds() < 10 ? '0' + date.getSeconds() : date.getSeconds();
var truetime = YY + MM + DD + ' ' + hh + mm + ss;
return truetime;
},
// 璺宠浆鍒版湡鍒婁笓棰樿鎯呴〉a
jumpUrl: function jumpUrl(item) {
let specialId = item.id;
let fla = "CJSC";
// let url = "/viewPageDetail/journalSpecialTopicArticles?fla=" + fla + "&specialId=" + specialId;
let url = "/" + fla + "/specialTopicDetail?fla=" + fla + "&specialId=" + specialId;
window.open(url, "_blank");
},
newsJump: function newsJump(url, target) {
window.open(url, target);
},
//璐拱鏈熷垔寮圭獥
buyPrintModal: function () {
$('#buyJournalModal').modal({
backdrop: "static",
show: true
})
},
// 閫夋嫨鏈�
chooseStage: function (item, index, e) {
let target = e.currentTarget
$(target).addClass('active')
},
//鏄惁鍏ㄩ€�(璐拱绾稿垔寮圭獥)
chooseAllPaper: function (e) {
let target = e.target
if ($(e.target).prop('checked')) {
$(target).parents('.priceBox').siblings('.stage').addClass('active')
} else {
$(target).parents('.priceBox').siblings('.stage').removeClass('active')
}
},
// 妯″潡3寮圭獥寮瑰嚭
openModule3Modal(name, item) {
$('#journalGeneralHomePc').css({ 'transform': '' }) //寮圭獥寮€鍚〉闈㈢缉鏀惧埌姝ｅ父鐘舵€�
if (name === 'add') {
this.addOrEdit = 'Add'
$('#module3Modal').modal({
backdrop: "static",
show: true
})
} else {
this.addOrEdit = 'Update'
//淇敼鍓嶅崟鏉℃煡璇�
$("#pRecommendArticlesId").val(item.recommendId);
$("#preview").attr('src', "/img/coop/" + item.coverPath);
$('#module3ModalUpdate').modal({
backdrop: "static",
show: true
})
}
},
// 鍏抽棴寮圭獥
closeModal() {
this.scale(document.documentElement.clientWidth) ////寮圭獥鍏抽棴椤甸潰缂╂斁鍒版斁澶ф垨鑰呯缉灏忓悗鐨勭姸鎬�
$("#pRecommendArticlesId").val('');
$("#preview").attr('src', "");
},
// 涓婁紶鍥剧墖
uploadImg: function (e) {
let files = e.target.files
let filePath = URL.createObjectURL(files[0]);
$(e.currentTarget).siblings('.imgBox').children().attr('src', filePath)
},
jumpTwitter: function () {
if ('CJSC' === 'ICM') {
window.open('https://twitter.com/IndChemMater')
}
},
jumpFacebook: function () {
if ('CJSC' === 'ICM') {
window.open('https://www.facebook.com/IndChemMater')
}
},
jumpLinkedin: function () {
if ('CJSC' === 'ICM') {
window.open('https://www.linkedin.com/company/industial-chemistry-materials/')
}
},
jumpEnvelope: function () {
// window.open('mailto:xb@cemps.ac.cn;')
},
//涓嬭浇鐩綍妫€鏌�
loadCheckMulu: function loadCheckMulu() {
var self = this;
$.ajax({
type: 'GET',
url: '/rest/v4/issue/getMoopByCondition?journalId=' + self.id + '&volume=' + self.currentIssue[0].volumeCode + '&issue=' + self.currentIssue[0].issueCode + '&type=1&single=true',
success: function success(result) {
if (result) {
self.contentList = result.data;
}
}
});
},
downloadContent: function () {
let url = '/cfs/files/files/upfile/' + this.contentList.filePath
window.open(url)
},
downCover: function () {
window.open('/img/issue/' + this.coverPath)
},
}
});
function module2Jump() {
var activeTab = document.querySelectorAll('.module3-out .active');
if (activeTab != null) {
var name = activeTab[0].getAttribute('tabfor');
if (name == 'yxcb') {
window.open("/CJSC/articles-in-press?articleType=online", "_blank");
} else if (name == 'dqq') {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=browse", "_blank");
} else if (name == 'ycb') {
window.open("/CJSC/articles-in-press?articleType=accept", "_blank");
} else if (name == 'mostRead') {
var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
var url;
if (pjId != "") {
url = "/publisher/getMorePjMostRead";
} else {
url = "/getMoreMostRead";
}
url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
window.open(url, "_blank");
}
// else if (name == 'editorRecommend') {
// }
}
};
function module3Jump() {
var activeTab = document.querySelectorAll('.module3Tabs .active');
if (activeTab != null) {
var name = activeTab[0].getAttribute('tabfor');
if (name == 'mostRead') {
var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
var url;
if (pjId != "") {
url = "/publisher/getMorePjMostRead";
} else {
url = "/getMoreMostRead";
}
url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
window.open(url, "_blank");
} else if (name == 'mostCited') {
var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
var url;
if (pjId != "") {
url = "/publisher/getMorePjMostCited";
} else {
url = "/getMoreMostCited";
}
url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
window.open(url, "_blank");
}
}
};
function mostYyMore() {
var pjId = 'f9fb8cb710744848a0ae9942f48daef0';
var url;
if (pjId != "") {
url = "/publisher/getMorePjMostCited";
} else {
url = "/getMoreMostCited";
}
url = url + "?start=0&end=19&sort=default&pjId=" + pjId + "&fla=CJSC&abbreviated=zhongkeqikan";
window.open(url, "_blank");
};
function module4Jump() {
var activeTab = document.querySelectorAll('.module5Tabs .active');
if (activeTab != null) {
var name = activeTab[0].getAttribute('tabfor');
if (name == 'specialTopics') {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=specialTopics", "_blank");
// window.open("/viewPageDetail/journalSpecialTopicList?fla=CJSC", "_blank");
} else if (name == 'collections') {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
}
}
}
function moreArticalMost() {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=collections", "_blank");
}
function moreNewList() {
window.open("/publisher/zhongkeqikan/journal/CJSC?slug=news", "_blank");
}
var lang = 'en_US';
function openPaperJournalDialog(productId, type) {
window.location.href = '/shop/journal/CJSC';
// var title = 'Sign in or register';
// var content = 'Please sign in or register to use this feature';
// var ok = 'OK';
// var stockout = 'Stockout';
// $.ajax({
// type: "POST",
// url: "/pubPaperJournal/getPaperJournalMap?baseId=" + productId,
// async: false,
// dataType: "json",
// success: function (data) {
// if (data.loginStatus == false) {
// swal({
// title: title,
// text: content,
// type: "info",
// confirmButtonText: ok
// });
// return;
// }
// $("input[name='productId']").val(productId);
// $("input[name='type']").val(type);
// var html = '';
// var i = 0;
// for (var key in data.paperJournalMap) {
// html += '<div class="panel panel-default">';
// html += ' <div class="panel-heading">';
// html += ' <h3 class="panel-title">';
// var keys = key.split("_");
// var volume = keys[0], year = keys[1];
// if (lang == 'zh_CN') {
// html += ' <div style="cursor: pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">绗�' + volume + '鍗�(' + year + ')</div>';
// } else {
// html += ' <div style="cursor: pointer;" data-toggle="collapse" data-parent="#accordion" href="#collapse_' + key + '">Volume ' + volume + '(' + year + ')</div>';
// }
// html += ' </h3>';
// html += ' </div>';
// if (i == 0) {
// html += ' <div id="collapse_' + key + '" class="panel-collapse collapse in">';
// } else {
// html += ' <div id="collapse_' + key + '" class="panel-collapse collapse">';
// }
// html += ' <div class="panel-body">';
// for (var j = 0; j < data.paperJournalMap[key].length; j++) {
// var disabledflag = 'disabled="disabled"';
// var color = 'color: #777;';
// if (data.paperJournalMap[key][j].inventory > 0 && data.paperJournalMap[key][j].status == 1) {
// disabledflag = '';
// color = '';
// }
// var checked = '';
// if (data.defaultId == data.paperJournalMap[key][j].id) {
// checked = 'checked="checked"';
// }
// var issueCodeHtml = '';
// if (lang == 'zh_CN') {
// issueCodeHtml = 'Ordinal' + data.paperJournalMap[key][j].issueCode + 'Issue';
// } else {
// issueCodeHtml = 'Issue ' + data.paperJournalMap[key][j].issueCode;
// }
// html += ' <label class="fp-select" style="width: 100px;;' + color + '">' + issueCodeHtml + '<input type="checkbox" name="issueCode" pricedata="' + data.paperJournalMap[key][j].price + '" pricedata2="' + data.paperJournalMap[key][j].discountPrice + '" onclick="selectIssue(this,\'' + key + '\')" ' + disabledflag + ' ' + checked + ' value="' + data.paperJournalMap[key][j].issueCode + '"></label>';
// }
// html += ' <p class="text-right">';
// var defaultSinglePrice = "0.00";
// html += ' Selected Unit Price锛氾骏<span id="singlePrice_' + key + '">' + defaultSinglePrice + '</span>';
// html += ' Select Discount Price锛氾骏<span id="discountPrice_' + key + '">' + defaultSinglePrice + '</span>';
// html += ' <input type="checkbox" name="years" onclick="selectAllPaper(this,\'' + key + '\')" value="' + key + '">Total Original Price锛氾骏<span id="yearTotalPrice_' + key + '">0.00</span>';
// html += ' </p>';
// html += ' </div>';
// html += ' </div>';
// html += '</div>';
// i++;
// }
// if (i == 0) {
// swal({
// title: stockout,
// type: "info",
// confirmButtonText: ok
// });
// return;
// } else {
// $("#accordion").html(html);
// $('#paperJournalContentDialog').modal('show');
// }
// }
// });
}
function openPaperJournalDialog2() {
window.open("https://shop139094451.m.youzan.com/v2/feature/LZNmK0DkuI?kdt_id=138902283&scan=3&from=kdt&shopAutoEnter=1&sf=qq_sm&is_share=1&share_cmpt=native_wechat&from_params=sl~3SEpnY!online_kdt_id~91714001!wx_share_pf~1&from_uuid=624967609&guide_second_sharer_id=10358334452", "_blank");
}
function sortKey(obj) {
var arr = [];
for (var i in obj) {
arr.push([i]);
};
arr.reverse();
return arr;
}
function selectIssue(obj, year) {
if ($(obj).parent().hasClass('on')) {
$(obj).parent().removeClass('on');
} else {
$(obj).parent().addClass('on');
}
$("#singlePrice_" + year).html(parseFloat($(obj).attr("pricedata")).toFixed(2));
$("#discountPrice_" + year).html(parseFloat($(obj).attr("pricedata2")).toFixed(2));
yearPrice(year);
}
function yearPrice(year) {
var total = accAdd(0, 0);
$("#collapse_" + year).find('input[name="issueCode"]').each(function () {
if (this.checked) {
total = accAdd(total, $(this).attr("pricedata2"));
}
});
$("#yearTotalPrice_" + year).html(total);
}
function selectAllPaper(obj, year) {
debugger
var total = accAdd(0, 0);
if (obj.checked) {
$("#collapse_" + year).find('input[name="issueCode"]').each(function () {
if (!$(this).prop("disabled")) {
total = accAdd(total, $(this).attr("pricedata"));
$(this).prop("checked", true);
$(this).parent().addClass('on');
}
});
} else {
$("#collapse_" + year).find('input[name="issueCode"]').prop("checked", false);
$("#collapse_" + year).find(".fp-select").removeClass('on');
}
$("#yearTotalPrice_" + year).html(total);
}
function paperSubmitForm() {
var ok = 'OK';
var selectProduct = 'Please choose the product';
var yearsMap = {}, productNum = 0;
$('input[name="years"]').each(function () {//澶氫釜鎬昏鎸夐挳
var yearsObj = $(this);
var issueArray = new Array();
if (this.checked) {//濡傛灉鏄€変腑鐨�
$('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
if (!$(this).prop("disabled")) {
issueArray.push($(this).val());
productNum++;
}
});
} else {
$('#collapse_' + yearsObj.val()).find("input[name='issueCode']").each(function () {
if (this.checked && !$(this).prop("disabled")) {
issueArray.push($(this).val());
productNum++;
}
});
}
yearsMap[yearsObj.val()] = issueArray;
});
if (productNum == 0) {
swal({
title: selectProduct,
type: "info",
confirmButtonText: ok
});
return;
}
var strYearsMap = JSON.stringify(yearsMap);
$("#strYearsMap").val(strYearsMap);
$("#ref1").val(window.location.href);
$("#paperFastBuyForm").submit();
}
</script>
<script>
$(function () {
$('.pencilBox .fa-pencil').click(function () {
$("#impactFactorSubmitBtn").removeAttr("disabled");
$('#factorModal').modal('show')
});
// 鍙充晶褰卞搷鍥犲瓙寮圭獥鎻愪氦
$('.impactFactorClass .submitBtn').click(function () {
$("#impactFactorSubmitBtn").attr("disabled", "disabled");
var form = new FormData(document.getElementById("impactFactorForm"));
var url = document.getElementById("impactFactorUrl").value;
$.ajax({
url: url,
type: "post",
data: form,
processData: false,
contentType: false,
success: function success(data) {
window.location.reload();
},
error: function error(e) { }
});
});
// 妯″潡5tab鍒囨崲
var module5tabs = document.querySelectorAll('.module5Tab');
module5tabs.forEach(function (item, index) {
module5tabs[index].onclick = function () {
module5tabs.forEach(function (prop, i) {
module5tabs[i].classList.remove('active');
module5tabs[i].classList.remove('borderC2');
});
module5tabs[index].classList.add('active');
module5tabs[index].classList.add('borderC2');
}
})
//妯″潡2鍒囨崲
var module2tabs = document.querySelectorAll('.module2Tab');
if (module2tabs != null && module2tabs.length > 0) {
//绗竴涓縺娲�
module2tabs[0].classList.add('active', 'borderC2');
}
var module2ContentBoxs = document.querySelectorAll('.module2ContentBox');
if (module2ContentBoxs != null && module2ContentBoxs.length > 0) {
//绗竴涓樉绀�
module2ContentBoxs[0].style.display = '';
}
// 妯℃澘2tab鍒囨崲
module2tabs.forEach(function (item, index) {
module2tabs[index].onclick = function () {
if (module2tabs[index].getAttribute('tabfor') === 'virtualTopic') {
window.open('collections')
} else {
module2tabs.forEach(function (prop, i) {
module2tabs[i].classList.remove('active');
module2tabs[i].classList.remove('borderC2');
var name = 'for' + module2tabs[i].getAttribute('tabfor');
if (document.getElementsByClassName(name).length > 0) {
document.getElementsByClassName(name)[0].style.display = "none";
}
});
module2tabs[index].classList.add('active');
module2tabs[index].classList.add('borderC2');
var name = 'for' + module2tabs[index].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = '';
// 鍏煎ie鐪佺暐鍙�
if (window.navigator.userAgent.indexOf("Trident") > -1) { //ie娴忚鍣�
var lineHeight = parseFloat($('.module2Box .forlatestOnline .depict').css('line-height'))
console.log('lineHeight', lineHeight)
var box = document.querySelectorAll('.module2Box .forlatestOnline .depict')
box.forEach(function (item, index) {
console.log('height', $(item).height())
if ($(item).height() > lineHeight * 3) {
$(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).css('height', (lineHeight * 3) + 'px')
$(document.querySelectorAll('.module2Box .forlatestOnline .depict')[index]).find('.ellipsisIe').css('display', 'block')
}
})
var lineHeight1 = parseFloat($('.module3Box .forlatestAccepted .detailedDesc').css('line-height'))
console.log('lineHeight1', lineHeight1)
var box1 = document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')
box1.forEach(function (item, index) {
console.log('height', $(item).height())
if ($(item).height() > lineHeight1 * 3) {
$(document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')[index]).css('height', (lineHeight1 * 3) + 'px')
$(document.querySelectorAll('.module3Box .forlatestAccepted .detailedDesc')[index]).find('.ellipsisIe').css('display', 'block')
}
})
}
}
};
});
//most read 涓� most cited
var module3tabs = document.querySelectorAll('.module3Tab');
if (module3tabs != null && module3tabs.length > 0) {
//绗竴涓縺娲�
module3tabs[0].classList.add('active', 'borderC2');
}
var module3ContentBoxs = document.querySelectorAll('.module3ContentBox');
if (module3ContentBoxs != null && module3ContentBoxs.length > 0) {
//绗竴涓樉绀�
module3ContentBoxs[0].style.display = '';
} // 妯℃澘3tab鍒囨崲
//special topic 涓� collection
var module5tabs = document.querySelectorAll('.module5Tab');
if (module5tabs != null && module5tabs.length > 0) {
//绗竴涓縺娲�
module5tabs[0].classList.add('active', 'borderC2');
}
var module5ContentBoxs = document.querySelectorAll('.module5ContentBox');
if (module5ContentBoxs != null && module5ContentBoxs.length > 0) {
//绗竴涓樉绀�
module5ContentBoxs[0].style.display = '';
} // 妯℃澘4tab鍒囨崲
module5tabs.forEach(function (item, index) {
module5tabs[index].onclick = function () {
module5tabs.forEach(function (prop, i) {
module5tabs[i].classList.remove('active');
module5tabs[i].classList.remove('borderC2');
var name = 'for' + module5tabs[i].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = "none";
});
module5tabs[index].classList.add('active');
module5tabs[index].classList.add('borderC2');
var name = 'for' + module5tabs[index].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = '';
var swiperModule5 = new Swiper('.swiperModule5', {
slidesPerView: 'auto',
spaceBetween: 25,
slidesPerGroup: 1,
navigation: {
nextEl: ".swiper-button-next",
prevEl: ".swiper-button-prev",
},
})
};
});
var faAngleLeft = document.querySelectorAll('.fa-angle-left');
var faAngleRights = document.querySelectorAll('.fa-angle-right'); // 妯℃澘tab鍒囨崲(涓嬩竴涓猳r涓婁竴涓�)
faAngleRights.forEach(function (item, index) {
//涓嬩竴涓�
faAngleRights[index].onclick = function (e) {
var modules = $(this).parent().parent().children("div:first-child").children();
console.log('parent', $(this).parent().parent())
for (var i = 0; i < modules.length; i++) {
if (modules[i].classList.contains('active')) {
var index = i;
}
if (index < modules.length - 1) {
modules[i].classList.remove('active');
modules[i].classList.remove('borderC3');
var name = 'for' + modules[i].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = "none";
}
}
index++;
if (index < modules.length) {
modules[index].classList.add('active');
modules[index].classList.add('borderC3');
var _name = 'for' + modules[index].getAttribute('tabfor');
document.getElementsByClassName(_name)[0].style.display = '';
}
$(this).siblings().css('color', 'black');
if (index === modules.length - 1) {
e.target.style.color = 'gray';
}
};
});
faAngleLeft.forEach(function (item, index) {
//涓婁竴涓�
faAngleLeft[index].onclick = function (e) {
var index;
var modules = $(this).parent().parent().children("div:first-child").children();
for (var i = 0; i < modules.length; i++) {
if (modules[i].classList.contains('active')) {
index = i;
}
if (index > 0) {
modules[i].classList.remove('active');
modules[i].classList.remove('borderC3');
var name = 'for' + modules[i].getAttribute('tabfor');
document.getElementsByClassName(name)[0].style.display = "none";
}
}
index--;
if (index >= 0) {
modules[index].classList.add('active');
modules[index].classList.add('borderC3');
var _name2 = 'for' + modules[index].getAttribute('tabfor');
document.getElementsByClassName(_name2)[0].style.display = '';
}
$(this).siblings().css('color', 'black');
if (index === 0) {
e.target.style.color = 'gray';
}
};
});
})
</script>
</html>